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

编程知识 行业动态 更新时间:2024-06-13 00:17:28

先把内容放入一个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代码

本文发布于:2023-03-25 07:36:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/8a6fad5e64ebfa18f2c56a8cc877182b.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:编辑器   文本   代码   html

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!