在html中加入文本编辑器,富文本编辑器嵌入指定html代码

在html中加入文本编辑器,富文本编辑器嵌入指定html代码先把内容放入一个input中然后判断是插入还是修改如果是修改才会向富文本编辑器中嵌入html代码UE.getEditor(“chvGoodsRemark”,{autoClearinitialContent:false,wordCount:true,elementPathEnabled:true,autoHeightEnabled:false,maximumWords:0,fullscreen:f…

先把内容放入一个input中

然后判断是插入还是修改

如果是修改才会向富文本编辑器中嵌入html代码

UE.getEditor(“chvGoodsRemark”, {

autoClearinitialContent:false,wordCount:true,elementPathEnabled:true,autoHeightEnabled:false,maximumWords:0,fullscreen:false,initialFrameWidth:1000,initialFrameHeight:320

});

UE.getEditor(“chvGoodsRemark”, {

autoClearinitialContent:false,wordCount:true,elementPathEnabled:true,autoHeightEnabled:false,maximumWords:0,fullscreen:false,initialFrameWidth:1000,initialFrameHeight:320

});

然后js控制插入代码

$(function(){

window.setTimeout(setContent,1000);//一秒后再调用赋值方法

});

//给ueditor插入值

function setContent(){

var a =$(‘#detail’).val();

UE.getEditor(‘chvGoodsRemark’).execCommand(‘insertHtml’,a);

}

如果是想在html页面中直接嵌入一段html(比如

123

显示123)代码,直接jquery获取这段代码,或者手写一段代码,通过js函数向里面赋值即可,例子如下:

var divshow = $(“#showInfo2”);

divshow.text(“”);// 清空数据

divshow.append(data); // 添加Html内容,不能用Text 或 Val

description=”输入框”%>

description=”值”%>

description=”最大宽度”%>

description=”最大高度”%>

UE.getEditor(‘${input}_editor’).addListener(“ready”, function () {

setTimeout(‘${input}init()’,);

});

/* $(function(){

setTimeout(‘${input}init()’,500);

}); */

function ${input}init(){

var html = $(‘#${input}’).val();

UE.getEditor(‘${input}_editor’).execCommand(‘insertHtml’,html);

}

//实例化编辑器

//建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor(‘editor’)就能拿到相关的实例

var ue = UE.getEditor(‘${input}_editor’);

在Asp.Net或.Net Core中配置使用MarkDown富文本编辑器有开源模板代码(代码是.net core3.0版本)

研究如何使用Markdown你们可能要花好几天才能搞定,但是看我的文章或者下载了源码,你搞定一般在10分钟之内.我先给各位介绍下它: Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯 …

在Asp.Net Core中配置使用MarkDown富文本编辑器实现图片上传和截图上传(开源代码.net core3.0)

我们的富文本编辑器不能没有图片上传尤其是截图上传,下面我来教大家怎么实现MarkDown富文本编辑器截图上传和图片上传. 1.配置编辑器到html页

富文本编辑器kindeditor的使用

第一步:导入前端js文件

今天的文章在html中加入文本编辑器,富文本编辑器嵌入指定html代码分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/7487.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注