在线HTML编辑器

官网:      

源码:https://github.com/SeaLee02/FunctionModule   文件夹UploadFiles/WebDemo/UpControl/Editor.aspx和UploadFiles/WebDemo/UpControl2/EditDemo.aspx

下面用到的editor文件夹,下载:点击下载editor文件夹JS

运行效果:

在线HTML编辑器

首先你需要把样式搭建出来

在线HTML编辑器

这里的文本框位子最后会被我们的编辑器取代,文本框作用赋值和取值

引进我们的JS

在线HTML编辑器

JS代码:

<script> \'use strict\'; $(document).ready(function () { editor = KindEditor.create(\'.editor\', { width: \'99.5%\', height: \'350px\', resizeType: 1, uploadJson: \'../tool/upload_ajax.ashx?action=EditorFile&IsWater=1\', //编辑器上传图片 fileManagerJson: \'../tool/upload_ajax.ashx?action=ManagerFile\', //网络上传图片 allowFileManager: true, afterBlur: function () { //这个方法必须,在4.1中不加这个我们的textarea是取不到值的 this.sync(); } }); }); </script>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzpsdj.html