Как я могу вставить изображения в свой html-код, используя шаблон freemarker и hippo cms?
Мне нужна помощь. Я нахожусь в проекте, где мне нужно загрузить изображения в шаблон freemarker (.ftl), который закодирован с помощью html. Я использую консоль hippo cms для создания карт сайта и т. д. Мне нужно использовать локальные изображения в моем проекте (из каталога проекта), но URL-адрес, который они принимают, взят с localhost:8080/site/images. Но я не знаю, где находится localhost:8080/site в моем проекте и к чему он относится.
Вот код:
Так,
<img src='https://99designs-start-attachments.imgix.net/alchemy-pictures/2016%2F02%2F22%2F04%2F07%2F21%2F9757e437-5ec1-4378-804f-ca0f9567c110%2F380048_Widakk.png?auto=format&ch=Width%2CDPR&w=250&h=250' class = "agoraIcon"/>
здесь я использовал изображение из Интернета, и оно работает правильно, но мне нужно использовать изображение на моем сайте / freemarker / images / agoraLogo.PNG.
Вот структура проекта:
<!doctype html>
<html>
<head>
<style type = "text/css">
body {
font-family: Verdana;
}
.login {
color: white;
padding: 1%;
background-color: #2B516B;
}
.contButton {
padding: 0.5%;
padding-left: 4%;
padding-right: 4%;
color: white;
background-color: black;
text-align: center;
font-family: Verdana;
border-radius: 10px;
}
.agoraIcon {
height: 50px;
width: 200px;
}
.content {
text-align: center;
}
.credentials {
padding: 0.5%;
font-family: Verdana;
border-radius: 10px;
}
#year {
text-align: center;
}
</style>
</head>
<body>
<img src='https://99designs-start-attachments.imgix.net/alchemy-pictures/2016%2F02%2F22%2F04%2F07%2F21%2F9757e437-5ec1-4378-804f-ca0f9567c110%2F380048_Widakk.png?auto=format&ch=Width%2CDPR&w=250&h=250' class = "agoraIcon" />
<div class = "login" id = "year">2018</div>
<div class = "content">
<p><b>Inicia sesión con tu <br>cuenta de concesión</b></p>
<input type = "text" class = "credentials" placeholder = "Email" />
<input type = "password" class = "credentials" name = "psw" placeholder = "Contraseña" />
<div>
<a href = "http://localhost:8080/site/welcome" type = "button">
<button class = "contButton" type = "submit"> Continuar </button>
</a>
</div>
</div>
</body>
</html>Каталог к изображению
Ответы 2
Измените это:
<img src='https://99designs-start-attachments.imgix.net/alchemy-pictures/2016%2F02%2F22%2F04%2F07%2F21%2F9757e437-5ec1-4378-804f-ca0f9567c110%2F380048_Widakk.png?auto=format&ch=Width%2CDPR&w=250&h=250' class = "agoraIcon"/>
к :
<img src='../images/agoraLogo.PNG' class = "agoraIcon"/>
вы проверили путь к изображению?
да, я проверил. Я нашел другой способ сделать страницу. Сейчас я использую простой редактор документов от Hippo, но не могу указать типы ввода. Если кто знает как это сделать буду признателен. Во всяком случае, я все еще ищу информацию.
Лучше всего создавать бинарные ссылки. Для этого вы можете использовать тег @ hst.link.
Думаю вам нужно: <@ hst.link path = "/ freemarker / images / agoraLogo.PNG" var = "image" />
Изображение var будет содержать ссылку.
Смотрите документацию для более подробной информации: https://www.onehippo.org/library/concepts/links-and-urls/hst-2-urls.html
Могу я также предложить вам поработать с нашими учебниками? https://www.onehippo.org/trails/demo-tutorials-and-download.html
Да, это то, что я пробовал, но изображение кажется поврежденным. Спасибо, в любом случае