202206-21|Jquery+KindEditor文本编辑器

举报
写程序的小王叔叔 发表于 2022/06/21 12:14:57 2022/06/21
【摘要】 主页:小王叔叔的博客支持:点赞👍关注✔️收藏💖先看效果: 1、首先页面编写html textarea 引入插件文件<textarea id="editor_id" name="content"style="width:700px;height:500px;visibility:hidden;"></textarea><!-- 添加文本编辑器插件 --> <script charse...

主页小王叔叔的博客

支持:点赞👍关注✔️收藏💖


先看效果:

 1、首先页面编写html textarea 引入插件文件

<textarea id="editor_id" name="content"style="width:700px;height:500px;visibility:hidden;">

</textarea>
<!-- 添加文本编辑器插件 -->
    <script charset="utf-8" type="text/javascript"  src="/kindeditor/kindeditor-all.js"></script>
	<script charset="utf-8" type="text/javascript"  src="/kindeditor/lang/zh-CN.js"></script>

2、创建编辑器格式区域

         KindEditor.ready(function(K) {
		    	editor1 = K.create('textarea[name="content"]', {
					cssPath : '../plugins/code/prettify.css'
				});
				prettyPrint();
		});

3、执行程序时,进行取值

var productIntroduce = document.getElementById('editor_id').value; //获取编辑器

4、程序回显时,进行赋值

var productIntroduce = data.productIntroduce;
KindEditor.html("#editor_id", productIntroduce);

 转载声明:本文为博主原创文章,未经博主允许不得转载

⚠️注意 ~

💯本期内容就结束了,如果内容有误,麻烦大家评论区指出

如有疑问❓可以在评论区💬或私信💬,尽我最大能力🏃‍♀️帮大家解决👨‍🏫!

如果我的文章有帮助,欢迎点赞+关注✔️鼓励博主🏃,您的鼓励是我分享的动力🏃🏃🏃~

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。