summernote文本编辑内容在前端的显示
来源:互联网 发布:汉聚网络可靠吗 编辑:程序博客网 时间:2024/05/17 06:12
在上一篇文章中,我们写了summernote文本编辑器的使用还有图片文件的上传,http://www.cnblogs.com/jingmin/p/6592325.html
2.summernote编辑内容在前端的显示
summernote编辑器编辑的内容保存的时候是带有html标签的,那么小编在这里总结了两种方法,把这些内容在前端显示出来。
2.1使用htmlspecialchars_decode() 函数
我们可以在Controller里面将这个字段的内容用htmlspecialchars_decode() 函数把预定义的 HTML 实体转换为字符。然后将变量注册显示...
$content = M('Article')->where('id=1')->getFiled('content');$post = htmlspecialchars_decode($content);$this->assign('post',$post);$this->display();
在html中,直接将变量插入到你要显示的地方:
<div id="show_content">{$post}</div>
这种方法是不是很帅,直接用php函数就解决了....
2.2通过js将这段字符插入到html中,让html自己解析html标签
html代码:
<textarea type="text" name="content" id="summernote"></textarea><input type="hidden" id="article_content" value="{$post.content}">
先将这些内容放在一个input中,给这个input一个hidden属性,然后通过js吧这段代码插入到textarea中,让html通过浏览器自己解析:
js代码:
$(function(){ var innerhtml = $("#article_content").val(); $("#summernote").val(innerhtml);});
很清晰的思路,一看秒懂!!帮你实际解决问题的请点个赞,是对小编努力成果的肯定!谢谢!!
可能兄弟们在使用summernote编辑器上传图片后,对文本域提交进行validate表单验证,出现了无法提交的问题,那么小编吧研究了一下午的成果和大家分享一下,全网只此一篇哦! http://www.cnblogs.com/jingmin/p/6602883.html
以上是小编原作!
关于summernote asp.net mvc实现图片上传请参考:https://pdf-lib.org/Home/Details/749
关于JAVA的方法请参考:https://pdf-lib.org/Home/Details/356
- summernote文本编辑内容在前端的显示
- summernote富文本编辑框的使用
- summernote富文本编辑框
- 关于富文本编辑内容存储到数据库在移动端显示的问题
- 基于jQuery和bootstrap的富文本编辑插件—summernote
- 基于ckeditor的在JSP中显示文本编辑页面
- hibernate查询出的list内容在前端页面无法显示解决方案
- 给富文本编辑后显示的时候在代码块上手动加上行号
- JSON日期在前端显示的格式
- VC6.0在文本编辑区中文显示乱码解决办法
- iOS富文本编辑(在label里显示文字和图片)
- iOS富文本编辑(在label里显示文字和图片)
- php 将富文本编辑后的内容取出
- Linux的文本编辑和文本内容查看命令
- 在文本框中显示文本的内容
- 在表格中显示数据表的内容
- css-富文本编辑显示
- 在前端获取上传的excel文件内容
- HTTP状态码详解
- 在phpstorm中svn的使用
- 从零开发微信公众号系列 【三】接收和自动回复消息
- validate自定义验证,进行小数点后2位小数的验证(完美)
- js获取一个字符串中指定字符串第n次出现的位置
- summernote文本编辑内容在前端的显示
- thinkphp之切换数据库
- java连接数据库方式(二):单独使用MyBatis 框架实现
- 【bzoj3315】[Usaco2013 Nov]Pogo-Cow
- 设计模式—单例模式
- 设计模式(13)——职责链 Chain Of Responsibility
- 数据结构—AVL树
- 电路板初级知识
- Material Design学习之滑动菜单——DrawerLayout 和NavigationView(2)