百度UEditor编译器中添加HTML最快捷的办法
2017-11-07 09:41
323 查看
之前写了一篇关于百度百度UEditor编译器中添加HTML的博客:
http://blog.csdn.net/yingjia11/article/details/78443319
我的html代码是这样的:
<script id="editor" type="text/plain" style="width: 100%; height: 50%;"></script>
<code id="content" style="display:none;">
${content}
</code>js代码是这样的
var editor = new UE.ui.Editor();
editor.render('editor');
editor.addListener( 'ready', function(edt) {
var content_old = $('#content').html();
if(content_old!=''){
editor.execCommand('insertHtml', content_old);
}
});但后来看评论说,可以直接把代码放script标签中,我就尝试地去掉code标签:
<script id="editor" type="text/plain" style="width: 100%; height: 50%;">
${content}
</script>
<!-- <code id="content" style="display:none;">
${content}
</code> -->然后js里面去掉
// editor.addListener( 'ready', function(edt) {
// var content_old = $('#content').html();
// if(content_old!=''){
// editor.execCommand('insertHtml', content_old);
// }
// }); 这部分,发现果然也可以,但是反复操作后发现,怎么前后空格行越来越多了
![](https://img-blog.csdn.net/20171107095220481?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveWluZ2ppYTEx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
折腾了半天,原来是因为默认把script中的全部内容放上去了,所以html里面这样写就好了
<script id="editor" type="text/plain" style="width: 100%; height: 50%;">${content}</script>中间不能加任何空格或者换行!
搞定!
http://blog.csdn.net/yingjia11/article/details/78443319
我的html代码是这样的:
<script id="editor" type="text/plain" style="width: 100%; height: 50%;"></script>
<code id="content" style="display:none;">
${content}
</code>js代码是这样的
var editor = new UE.ui.Editor();
editor.render('editor');
editor.addListener( 'ready', function(edt) {
var content_old = $('#content').html();
if(content_old!=''){
editor.execCommand('insertHtml', content_old);
}
});但后来看评论说,可以直接把代码放script标签中,我就尝试地去掉code标签:
<script id="editor" type="text/plain" style="width: 100%; height: 50%;">
${content}
</script>
<!-- <code id="content" style="display:none;">
${content}
</code> -->然后js里面去掉
// editor.addListener( 'ready', function(edt) {
// var content_old = $('#content').html();
// if(content_old!=''){
// editor.execCommand('insertHtml', content_old);
// }
// }); 这部分,发现果然也可以,但是反复操作后发现,怎么前后空格行越来越多了
折腾了半天,原来是因为默认把script中的全部内容放上去了,所以html里面这样写就好了
<script id="editor" type="text/plain" style="width: 100%; height: 50%;">${content}</script>中间不能加任何空格或者换行!
搞定!
相关文章推荐
- 百度UEditor编译器中获取HTML和添加HTML问题
- 百度富文本ueditor和umeditor遇到的问题和解决办法
- 织梦CMS百度编辑器(Ueditor)图片无水印解决办法
- 百度UEditor修改右下角统计字数包含html样式
- 一.百度UEditor编辑器之图片上传文件:image.js/image.html
- 百度ueditor图片上传提示“上传失败,请重试”解决办法
- asp.net应用百度编辑器(UEditor)上传图片和上传附件不成功的解决办法
- 在asp.net mvc中使用百度UEditor初始化内容遇到自数据库中读取的html字符串在UEditor中始终是html编码的问题
- 百度Ueditor编辑器的Html模式自动替换样式的解决方法
- 为百度UEDITOR编辑器上传图片添加水印
- 百度Ueditor编辑器的Html模式自动替换样式的解决方法
- 【UEditor】百度UE富文本自定义按钮添加文本
- html添加keyword,description帮助百度收录处理方法,jsp去除空白行方法
- 百度UEditor富文本编辑器-设置默认字体、字号、行间距及添加字体种类
- UEditor百度编辑器,工具栏自定义添加一个普通按钮
- 百度富编辑器UEditor初始化全屏办法
- 百度UEditor添加视频 增加支持“通用代码”功能,支持微信
- 百度Ueditor编辑器的Html模式自动替换样式的解决方法
- ASP.NET百度Ueditor编辑器实现上传图片添加水印效果