artTemplate和uEditor编辑器的问题

最新推荐文章于 2022-08-13 17:54:41 发布
最新推荐文章于 2022-08-13 17:54:41 发布
阅读量761 收藏
点赞数
分类专栏： web前端 js 文章标签： uEditor uEditor销毁实例
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010176097/article/details/78088208
版权
在开发中遇到artTemplate渲染新闻详情页，内容包含使用uEditor编辑器的content字段。首次点击编辑按钮uEditor正常加载，但后续无法再次显示。原因是动态生成的模板id相同导致uEditor只实例化一次。通过调用UE.getEditor().destroy()销毁旧实例，并删除相关DOM元素，确保每次编辑时uEditor都能正确加载。
摘要由CSDN通过智能技术生成
最近开发过程中遇到一个artTemplate和uEditor方面的问题，解决了很久，记录下来以备参考：

问题和场景复原：
新闻列表有编辑按钮，点击编辑，进入新闻详情页面，新闻详情页面的内容从后台根据ID获取，然后通过artTemplate的模板渲染，新闻详情页面有一个字段是content,content字段使用的是uEditor编辑器。

问题就是因为详情页面是通过模板动态渲染的，我希望的结果是每次动态渲染完后再动态的append uEditor到我的模板中，然后将数据库的数据写到整个uEditor编辑器中，比如下面这样：

最低0.47元/天 解锁文章
Lin_Dan_Dan
关注
专栏目录
百度编辑器 Ueditor 如何增加模板 ？
qingshanli1988的专栏
04-25 1637
Ueditor 是百度出的开源富文本编辑器，非常符合国人习惯！模板功能很好用，但不能直接自定义， 下面就告诉大家如何增加模板。
art-template 输出html标签时原样输出了。如何渲染html标签（富文本内容）。
PrimaryColor
12-12 2032
<div> {{#value}} </div> 在输出变量的前面加一个“#”号就可以了，新版也可以使用“@”。
Failed to compile../public/UEditor/dialogs/template/template.html 1:0Module parse failed: Unexpec
qq_57031340的博客
08-13 217
Failed to compile../public/UEditor/dialogs/template/template.html 1:0Module parse failed: Unexpec
artTemplate模板的使用
xiaowei的博客
03-03 426
artTemplate一、注意：原生语法与简洁语法不能同时使用，而且对应引入的js文件也不一样，要注意这个问题！避免不必要的错误！二、使用使用有两种方式： 1、
百度开源UEditor文本编辑器使用说明
xinyuan的专栏
09-30 5154
百度开源UEditor文本编辑器使用说明： 一、完整版的部署与体验 官网上下载完整源码包(官网下载地址http://ueditor.baidu.com/website/download.html)，解压到任意目录，解压后的源码目录结构如下所示：     _examples：编辑器完整版的示例页面     dialogs：弹出对话框对应的资源和JS文件     themes：样式图片和样式
Laravel框架集成UEditor编辑器的方法图文与实例详解
01-20
【Laravel框架集成UEditor编辑器】 在Laravel框架中集成UEditor编辑器，可以极大地提升用户在编辑内容时的体验。UEditor是一款强大的富文本编辑器，支持多种功能如图片上传、视频插入等，广泛应用于网站内容管理。...
百度ueditor编辑器.zip
04-23
百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器
UEditor编辑器兼容音频上传
01-04
总的来说，UEditor编辑器的音频上传功能为内容创作提供了极大的便利，通过合理的配置和集成，可以在你的项目中实现高效、稳定的音频资源管理。理解并熟练掌握这一功能，对于提升用户体验和提升内容质量具有重要意义...
UEditor 编辑器跨域上传解决方法
10-27
具体来说，在Chrome和Firefox浏览器下设置document.domain即可解决跨域问题，但是在IE浏览器下，需要在编辑器的editor.js文件中找到特定代码段，并加入JavaScript代码来在IE中动态地修改document.domain属性。...
AndroidManifestFileTemplate:010 编辑器中的 AndroidManifest.xml 二进制文件模板
07-12
AndroidManifest 二进制文件模板 AndroidManifestTemplate.bt 是 010 Editor 中 AndroidManifest Binary 文件的模板文件。 有关 010 编辑器模板的更多详细信息，请参阅此。 此模板基于此 重命名目录存储一个 python 脚本来更改 APK 文件的包名称。
art-template 模板引擎
webxiaoma
08-03 1212
今天我总结一下art-template 模板引擎这个框架，比较简单一、文档，以及GitHub文档: https://aui.github.io/art-template/docs/index.htmlGitHub: https://github.com/aui/art-template
UEditor 编辑模板
正怒月神的博客
06-05 1394
读取模板，放到ueditor中进行编辑 @model WeiXin_Shop.Models.WX_GoodsDetails @Html.Partial("_MasterPage") @{ ViewBag.Title = "Edit"; } @using (Html.BeginForm()) { @Html.ValidationSummary(true) @Html....
Unity3D自定义脚本模板
AnYuanLzh
11-17 1750
啥也不说直接上代码/******************************************************************* * 文件名： ScriptTemplateEditor.cs * 时 间： 9/9/2015 * 作 者： lzh * 公 司： CompanyName * 项目名： ProjectName * 描 述： 自定义脚本模板 *
关于artTemplate不识别的问题
qq_29705505的博客
08-06 1740
artTemplate是由腾讯公司开发的一个性能卓越、前后端通用的javascript模板引擎。最近我在使用artTempalte的时候出现不编译的情况，环境为nodejs+express。在浏览器中检查该段代码如下所示。<script id="test" type="text/html"></script> 然而我在html里写的是这样的。<script src="javascripts/art-
UEditor动态设置工具栏
dbqb007的专栏
06-01 5877
UEditor是百度开发的开源富文本编辑器，可以很方便的实现富含各种格式的文档的编辑。如果我们要在开发的web项目，比如java web项目中使用UEditor，需要如下代码： UE.getEditor('editor'); 这样就可以在jsp页面中，看到完整的UEditor的界面如下图所示。 我们可能会觉得工具栏的按钮太多了，有些在我们的项目中并不需要。于是，我们可以采用下面的方
解决Vue文本编辑器 vue-quill-editor 和 element-ui 样式冲突造成的小图标样式错乱
wuhouxuanhua的博客
08-13 910
解决Vue文本编辑器 vue-quill-editor 和 element-ui 样式冲突造成的小图标样式错乱 问题： 以上问题问题主要由于 element-ui 的 el-form-item 与 vue-quill-editor 的样式冲突造成的 解决方案： 通过在 vue-quill-editor 上添加类样式解决，代码如下： template： 添加类样式 .ql-editor-class <quill-editor v-model="content" ref="myQuillE
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值