layui的编辑器 layedit的异步赋值问题

layedit 需要先构建编辑器 再输出数据

如果取值 慢于 构建编辑器  那么数据在编辑器中就无法显示了

layui.use(‘layedit‘,function() {    var layedit = layui.layedit;

//构建一个默认的编辑器    var index = layedit.build(‘LAY_demo1‘);});
//js本地赋值$(document).ready(function() {    var $title1 = $("#newsTitle_1");    var $content1 = $("#LAY_demo1");    var $person1 = $("#newsPerson_1");    var $time1 = $("#newsTime_1");    $.ajax({        url: ‘../json/newsTable.json‘,        type: ‘get‘,        data: " ", //入参        dataType: ‘json‘,        timeout: 6000,        async: false,        success: function(retData) {            //console.log(retData);            $title1.val(retData[0].newsTitle);            $content1.val(retData[0].newsContent);            $person1.text(retData[0].newsPerson);            $time1.text(retData[0].newsTime);        },        error: function(request,testStatus,errorThrown){            //执行错误的方法            if(testStatus == "timeout"){                alert("请求超时!");            }        }    })});
//先赋值再构建编辑器(异步问题)$(document).ready(function() {    var $title1 = $("#newsTitle_1");    var $content1 = $("#LAY_demo1");    var $person1 = $("#newsPerson_1");    var $time1 = $("#newsTime_1");    $.ajax({        url: ‘../json/newsTable.json‘,        type: ‘get‘,        data: " ", //入参        dataType: ‘json‘,        timeout: 6000,        async: false,        success: function(retData) {            //console.log(retData);            $title1.val(retData[0].newsTitle);            $content1.val(retData[0].newsContent);            $person1.text(retData[0].newsPerson);            $time1.text(retData[0].newsTime);        },        error: function(request,testStatus,errorThrown){            //执行错误的方法            if(testStatus == "timeout"){                alert("请求超时!");            }        }    })    layui.use([‘layer‘,‘layedit‘,‘laypage‘,‘element‘],function() {        var layer = layui.layer,                layedit = layui.layedit;

//构建一个默认的编辑器        var index = layedit.build(‘LAY_demo1‘);    });});
时间: 2024-10-12 02:31:19

layui的编辑器 layedit的异步赋值问题的相关文章

layui富文本编辑器layedit

上图是官方提供的文档,我看了几次,都没发现有赋值的方法 layedit赋值方法如下/*** 设置编辑器内容* @param {[type]} index 编辑器索引* @param {[type]} content 要设置的内容* @param {[type]} flag 是否追加模式*/layedit.setContent(index, content, flag);flag是true,是追加模式,flag是false,赋值模式 原文地址:https://www.cnblogs.com/Cui

layui下拉框后台动态赋值

前台页面: <select name="xm" id="xm" lay-verify="required" lay-filter="xmFilter"> <option value=""></option> </select> 前台js: <script> layui.use(['form', 'upload', 'layer'], functio

angularjs环境中为Tinymce编辑器取值或赋值

Tinymce版本,5.2.1 html: 取值或赋值, 方法1: 方法2: 原文地址:https://www.cnblogs.com/insus/p/12677535.html

layui 底层基础

全局配置 方法:layui.config(options) 你可以在使用模块之前,全局化配置一些参数,尽管大部分时候它不是必须的.所以我们目前提供的全局配置项非常少,这也是为了减少一些不必要的工作,尽可能让使用变得更简单.目前支持的全局配置项如下: codelayui.code layui.config({ dir: '/res/layui/' //layui.js 所在路径(注意,如果是script单独引入layui.js,无需设定该参数.),一般情况下可以无视 ,version: false

layedit第三次改造

原文链接:http://www.bianbingdang.com/article_detail/105.html 作为技术人员,在网上写代码,常常涉及代码块的编写.一个好的代码块,让页面美化很多. 由于本站使用layui作为前端开发,layui自带的编辑器layedit的功能确实有些欠缺.随后找到与他对应的扩展插件. https://fly.layui.com/extend/layedit/ ,但是有个缺点,虽然支持代码块的编写,但写出来的文章没有代码块的效果.如下图这样,白乎乎的一片 为了改进

百度editor富文本编辑器在火狐浏览器中的兼容性

最近做项目的时候遇到了百度的一个神器:editor富文本编辑器.但是也遇到了很多兼容性的问题,现在写一段随笔一起分享一下: 第一:在火狐浏览器中,该编辑器部分的编辑功能按钮不能显示 可以看出,在火狐浏览器中只会显示编辑框,而上面的编辑按钮缺没有.(但是在IE7,IE8上不能显示的原因在于新版本中屏蔽了 anonymous()方法,可以通过修改eWebEditor的JS文件来修正错误) 解决方案:打开火狐-->工具栏-->“工具”-->"添加附件",使用搜索功能来搜索“

轻量级文本编辑器,Notepad最佳替代品:Notepad++

[crifan推荐]轻量级文本编辑器,Notepad最佳替代品:Notepad++ 版本:v3.0 Crifan Li 摘要 本文主要介绍了笔者crifan推荐的轻量级文本编辑器,Notepad最佳替代品:Notepad++,内容主要包含notepad,notepad2,notepad++,ultraEdit的比较,使用Notepad++前要了解的知识,Notepad++的插件,Notepad++的安装过程,Notepad++的各种常见和不常见的功能的详解 本文提供多种格式供: 在线阅读 HTM

thinkphp结合layui上传图片

简单示例: <script type="text/javascript"> layui.use(['form', 'layedit','element', 'laydate','upload'], function(){ var form = layui.form; var layer = layui.layer; var layedit = layui.layedit; var laydate = layui.laysdate; // 上传 var upload = la

layui 动态设置 checbox 选中状态

layui复选框checkbox选中赋值,解决layui设置checbox选中不生效的问题 直接上代码 //监听指定开关 form.on('switch(dongsir)', function(data){ $("input[type=checkbox]").prop('checked',this.checked); form.render('checkbox'); }); 直接设置 attr=checked 是无效的 对于 attr 和 prop 网上有一些不同的见解,这里整理了一些