前端框架Layui关于富文本编辑器赋值layedit找不到或者setContent有问题

最新推荐文章于 2021-05-25 09:59:54 发布
最新推荐文章于 2021-05-25 09:59:54 发布
阅读量5.4k 收藏 6
点赞数 6
分类专栏： 前端 文章标签： 前端 layui 富文本编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_14809913/article/details/80930802
版权

最近在使用框架Layui时，准备做一个富文本框内容修改的功能，在过程中遇到了很多问题，

后台请求能拿到数据，但是使用val（）或者html（）给富文本赋值时出现了问题。数据时有时无，最后去社区看到了setContent方法，但是使用又遇到了问题。


最后又去找了一下看到。要把layedit.js里的setContent中的lyedit.sync改成this.sync

然后就完美解决了啊
skykeji
关注
  • 6
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Layui富文本编辑器案例和工具条失效问题
weixin_49983224的博客
07-04 566
Layui富文本编辑器的页面比较简洁。因为现在做的项目基本上用的是layui框架。所以富文本域用的是layui富文本编辑器。 效果图： 步骤： 一.引入layui的js和css 二.搭建好HTML页面 1.先用js渲染页面，如下 [日期]4 主要分三个部分（顺序上图从上往下）： 1）图片上传接口 2）渲染文本域 3）同步提交数据 2.如果要根据需求修改layui富文本其它属性参数可查layui文档 三.富文本域图片上传返回部分后台代码和layui前台接收数据的格式 1.图片上传后台代码 ...
layui的layedit富文本赋值方法
12-13
layedit赋值方法如下 /** * 设置编辑器内容 * @param {[type]} index 编辑器索引 * @param {[type]} content 要设置的内容 * @param {[type]} flag 是否追加模式 */ layedit.setContent(index, content, flag); flag是true，是追加模式， flag是false，赋值模式 以上这篇layui的layedit富文本赋值方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
layui 在引用过程中出现路径错误，经常找不到moudles下的form.js、table.js解决方案
10-29 3785
配置layui的相对路径 layui.config({ dir: '/wscs/assets/vendor/layui/' , version: false , debug: false , base: '' });
layedit无法正常使用，无法弹出layedit以及获取不到数据问题
flysnownet的博客
01-07 2759
问题 页面中弹出layedit时只能第一次弹出，后面弹不出来，而且在父页面获取不到编辑完的值 解决： 1让页面模板加载完成后再去初始化layedit，从而保证layedit每次都能正常弹出 2初始化时记录当前编辑器的id，将其作为表单元素提交时传给父页面 3.父页面根据收到的编辑器id获取内容 代码 父页面代码 // 添加 function add() { ...
layui 富文本编辑赋值是报错
笨笨的博客
08-28 431
1. layui 中layedit 模块中报错 layedit is not defined 2.解决方案 将源码layedit.s文件里方法setContent 中的 layedit.sync(t); 改成 this.sync(t); 即可
Layui 系列之—表格弹框显示富文本
我不是程序员的博客
05-25 1393
第一步 第二步（我这里是点击按钮弹框查看） <!-- 在表格内渲染--> <script type="text/html" id="content"> <button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="content"><i class="fa fa-bookmark-o " ..
ThinkPHP中使用Ueditor富文本编辑器
10-23
在ThinkPHP框架中集成Ueditor富文本编辑器是常见的需求，用于提供用户友好的文本编辑体验，例如在创建博客、论坛或CMS系统时。Ueditor是一款功能强大的在线文本编辑器，支持多种格式的文本处理，如图片上传、表格、...
Vue+Element使用富文本编辑器的示例代码
08-29
Vue+Element 使用富文本编辑器的示例代码 本篇文章主要介绍了 Vue+Element 使用富文本编辑器的示例代码，具有一定的参考价值。在实际项目中，我们经常需要使用富文本编辑器来编辑和显示内容。在 Element 中，我们...
使用layui 的layedit定义自己的toolbar方法
10-16
layedit 是 layui 提供的一个富文本编辑器组件，它具有简洁的界面和基本的编辑功能，如字体调整、对齐方式、列表等。然而，原始的 toolbar 可能无法满足所有开发者的需求，这时我们就需要自定义 toolbar，添加我们...
vue2.x集成百度UEditor富文本编辑器的方法
10-17
在Vue2.x项目中集成百度UEditor富文本编辑器，主要涉及以下几个步骤和知识点： 1. **下载与放置UEditor源码**： 首先，你需要从官方渠道下载UEditor的源代码，并将其放入项目的`static`文件夹中。这确保了编辑器的...
layui选择框赋值不显示_layUI的富文本编辑器怎么赋值？
weixin_35987371的博客
12-30 346
给个例子立即发布varlayedit,index;layui.use(['form','layedit'],function(){varform=layui.form();layedit=layui.layedit;layedit.set({uploadImage:{url:'/topic/upload.html'//接口url,type:'p...
layui富文本同步 -layui富文本同步到textarea
shuai的博客
05-06 2195
layui富文本同步 -layui富文本同步到textarea
Layui富文本layedit赋值、取值
热门推荐
慕白Lee的博客
09-11 1万+
Layui超实用10篇技术解决方案：https://blog.csdn.net/libusi001/article/details/100065911 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 一、Layui富文本框layedit <form class="layui-form" action="" lay-filter="example">...
layui的富文本赋值
qq_41604622的博客
11-22 1087
//加载页面 <div class="layui-form-item" style="margin-top: 4%"> <label class="layui-form-label">文章内容</label> <div class="layui-input-block"> <...
layui中富文本编辑器传值问题记录
TivonaLH的博客
08-20 2827
&lt;textarea&gt;&lt;/textarea&gt;无法获取layui富文本编辑器的内容。 页面代码： &lt;div class="layui-form-item"&gt; &lt;label class="layui-form-label"&gt;内容&lt;/label&gt; &lt;div class="layui-input-block&q
layui使用tinymce富文本不可编辑、赋值、获取值
lizaiismy的博客
01-22 2329
富文本不可编辑添加红框内容即可。 富文本赋值：tinyMCE.activeEditor.setContent(“需要添加的内容”);
layui 富文本编辑器
qq_38778882的博客
03-04 729
html部分 <textarea id="demo" lay-verify="content" name="explain" class="layui-textarea">{$list.explain}</textarea> js部分 layui.use(["jquery", "form", "layedit"], function () { var $ = layui.jquery ,upload = layui.upload ,layedit = layui.la
Layui 中使用了KindEditor的富文本编辑器
12程序猿的博客
12-07 890
Layui 中使用了KindEditor的富文本编辑器，提交时无法获取textarea中内容解决方式。 1.解决方法 官方源码如下 KindEditor.ready(function(K) { var editor1 = K.create('textarea[name="content1"]', { cssPath : '../plugins/code/prettify.css', uploadJson : '../jsp/upload_json.jsp', fileManag
如何赋值给Layui富文本编辑器，或获取不到值，内容无法获得怎么解决
weixin_43235500的博客
04-19 3418
问题描述 此处为问题是怎么出现的 如果你能通过标题找到与你相同的问题 可以略过此段，直接看解决办法 使用laravel+layui进行后台编写时 问题1：需要使用富文本编辑器 问题2：使用layui的富文本无法加载富文本里面的内容 解决结果 这是我解决问题后的结果 可以很直观快速的看到效果 这是解决之后的截图 解决方法 解决办法的一般步骤 解决问题1： 使用l...
extjs怎么给layui富文本编辑器内容赋值
最新发布
05-14
我们可以通过获取 ExtJS 的 textarea 组件的值，然后将其赋值给 Layui 富文本编辑器的内容。 假设我们有一个 ExtJS 的 textarea 组件，其 ID 为 `myTextArea`，那么可以通过以下代码获取其值： ```javascript var ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值