freemarker 页面显示html标签问题

最近做项目用到freemark做前端,用ckeditor做富文本编辑。

在页面显示富文本的内容时,会自动将内容加上双引号,导致页面展示时连同标签一起展示,想了好多种办法都不行,最后终于想到了一个办法,总结如下:

1、将后台内容用一个隐藏域在页面上存储下来

<div id="detail-all">
    <input type="hidden" id="detail" value="${model.detail}"/>
</div>

2、jquery获取这个隐藏域的内容,并通过jquery内容重新加载到外层div上(思路:利用页面将内容重新渲染一次。)

$(function() {
    var detail = $("#detail").val();
    $("#detail-all").html(detail);
});

自测无误!

 

如有任何不当之处,望指正,谢谢!

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
### 回答1: 以下是一个示例,演示如何在Spring Boot和Freemarker中自定义标签以实现带网页标签的列表循环: 1. 创建自定义标签类 ```java import java.io.IOException; import java.util.Map; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.stereotype.Component; import freemarker.core.Environment; import freemarker.template.TemplateDirectiveBody; import freemarker.template.TemplateDirectiveModel; import freemarker.template.TemplateException; import freemarker.template.TemplateModel; import freemarker.template.TemplateModelException; @Component public class MyListDirective implements TemplateDirectiveModel { @Override public void execute(Environment env, Map params, TemplateModel[] loopVars, TemplateDirectiveBody body) throws TemplateException, IOException { if (params.isEmpty()) { throw new TemplateModelException("This directive requires parameters."); } HttpServletRequest request = (HttpServletRequest) env.getCustomAttribute("request"); HttpServletResponse response = (HttpServletResponse) env.getCustomAttribute("response"); String tag = params.get("tag").toString(); int count = Integer.parseInt(params.get("count").toString()); StringBuilder sb = new StringBuilder(); for (int i = 0; i < count; i++) { sb.append("<").append(tag).append(">"); if (body != null) { body.render(sb); } sb.append("</").append(tag).append(">"); } response.getWriter().write(sb.toString()); } } ``` 2. 在Freemarker模板中使用自定义标签 ```html <!DOCTYPE html> <html> <head> <title>My Page</title> </head> <body> <@myList tag="li" count="5"> <a href="#">Link</a> </@myList> </body> </html> ``` 在以上示例中,我们创建了一个自定义标签类`MyListDirective`,并使用`@Component`注解将其注册为Spring Bean。 该自定义标签接收两个参数:`tag`和`count`。`tag`指定要使用的网页标签,`count`指定要生成标签数量。标签体中的内容将被重复生成指定的次数,并且每个标签都将包含相同的内容。 在Freemarker模板中,我们使用`<@myList>`标签来调用自定义标签。我们传递了`tag`和`count`参数,并在标签体中包含了一个链接。这将导致自定义标签生成五个`<li>`标签,每个标签都包含一个链接。 最终生成HTML将如下所示: ```html <!DOCTYPE html> <html> <head> <title>My Page</title> </head> <body> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </body> </html> ``` ### 回答2: 在Spring Boot中使用Freemarker模板引擎,我们可以自定义列表循环标签来优化模板代码的复用性和可读性。下面是一个带网页标签的示例: 首先,我们需要创建一个自定义的列表循环标签。在Spring Boot项目中,可以通过创建一个类来实现自定义标签,例如`CustomLoopDirective`。在该类中,我们需要继承`freemarker.template.TemplateDirectiveModel`接口,并实现其中的`execute`方法。 ```java public class CustomLoopDirective implements TemplateDirectiveModel { @Override public void execute(Environment env, Map params, TemplateModel[] loopVars, TemplateDirectiveBody body) throws TemplateException, IOException { // 解析参数 SimpleNumber indexParam = (SimpleNumber) params.get("index"); // 获取循环次数 int count = indexParam.getAsNumber().intValue(); // 执行循环体 for (int i = 0; i < count; i++) { // 设置循环变量 env.setVariable("index", new SimpleNumber(i)); // 执行循环体 body.render(env.getOut()); } } } ``` 接下来,我们需要在Spring Boot配置文件中注册自定义标签,以便在模板中使用。在`application.properties`文件中添加以下配置: ``` spring.freemarker.settings.sharedVariable.customLoop=com.example.CustomLoopDirective ``` 最后,我们可以在Freemarker模板中使用自定义的列表循环标签,同时配合网页标签的示例代码如下: ```html <#-- 导入自定义标签 --> <#import "/spring.ftl" as spring> <!DOCTYPE html> <html> <head> <title>自定义列表循环标签示例</title> </head> <body> <h1>自定义列表循环标签示例</h1> <ul> <@spring.customLoop index=5> <li>第${index + 1}项</li> </@spring.customLoop> </ul> </body> </html> ``` 在上述示例中,我们导入了`spring.ftl`模板文件,并在`<ul>`标签中使用了自定义的列表循环标签。通过这个例子,我们可以看到循环了5次,并输出了每次循环的索引值。 以上就是一个使用Spring Boot和Freemarker自定义列表循环标签的示例,同时在模板中带有网页标签的代码。这个示例可以帮助我们在Spring Boot项目中更好地利用Freemarker模板引擎来实现页面渲染。 ### 回答3: Spring Boot是一个用于简化Java开发的框架,其中之一的模板引擎是FreeMarkerFreeMarker是一种基于模板输出的开源模板引擎,它支持自定义列表循环标签,可以方便地实现对列表数据的遍历和展示。 下面是一个带网页标签的自定义列表循环标签示例: 首先,在Spring Boot项目中的`resources/templates`目录下创建名为`custom_tags.ftl`的模板文件。在该模板文件中,我们将定义一个自定义的列表循环标签,并使用HTML标签进行展示,如下所示: ```html <#assign customTags = [ {"name": "Tag1", "link": "http://www.tag1.com"}, {"name": "Tag2", "link": "http://www.tag2.com"}, {"name": "Tag3", "link": "http://www.tag3.com"} ]> <#macro customList> <#list customTags as tag> <a href="${tag.link}">${tag.name}</a><br/> </#list> </#macro> ``` 在上面的示例中,我们定义了一个名为`customTags`的变量,其中包含了三个标签的名称和链接。接着,我们使用`<#macro>`标签定义了一个名为`customList`的自定义宏,其中使用`<#list>`标签遍历`customTags`列表,并将每个标签的名称和链接使用`<a>`标签展示出来。 在另一个模板文件中,我们可以引入`custom_tags.ftl`文件,并调用`customList`宏来展示自定义的标签列表。例如,假设我们在`resources/templates/index.ftl`中需要展示标签列表,可以按照以下方式引入和调用: ```html <#include "custom_tags.ftl"> <!DOCTYPE html> <html> <head> <title>Custom Tags Example</title> </head> <body> <h1>Custom Tags Example</h1> <p>Below are the custom tags:</p> <@customList/> </body> </html> ``` 在上面的示例中,我们首先使用`<#include>`标签引入了`custom_tags.ftl`文件。然后,在`<body>`标签中使用`<@customList/>`调用了`customList`宏,从而展示出了自定义的标签列表。 通过以上示例,我们可以看到Spring Boot和FreeMarker结合使用,可以很方便地实现自定义列表循环标签,并且配合HTML标签进行内容展示。这样可以有效地简化开发工作,提高工作效率。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值