kindeditor4.1.11的使用方法

Posted bkylee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了kindeditor4.1.11的使用方法相关的知识,希望对你有一定的参考价值。

  • 在引入某个外部框架/功能件的 时候, 通常是 先引入css, 后引入js. css的必要属性是rel和href, js的必要属性是charset和src. js都是用javascript的,所以 css和js都不需要写type了.

k-indeditor 版本是4.1.11,其示例文档不是根目录下的demo.html而是根据你使用的后台语言放在对应的php/asp/jsp等目录中的demo.php等文件.
KindEditor是用js写的,把textarea标签"隐藏性的"替换(障眼法)为一个可见即可得的富文本编辑框,即: textarea的style中要设置visibility:hidden属性.
然后将富文本编辑器框中的内容通过sync()方法"同步到"textarea中, html页面再用.val()方法获得文本框的值进行提交.
KindEditor这个js对象 是在引入kindeditor.js这个文件后创建的, lang/zh_CN.js文件是提供中文支持, 即一些符号的 中文注释.

  • 通常kindeditor需要这样4个组件: kindediotr-min.js, 一个插件目录plugins(里面有主要的几个插件就好了比如image,file等), 一个主题目录themes(包含几个主要的主题,如default, simple, common主题就好了, 主要是一些图片和css文件), 一个语言目录lang中的zh_CN.js(注意是下划线)

  • ke其实是很重要很常用的, 在后台添加文章的时候, 都是用这个进行格式化添加的. 在上传文件的时候,必须要有ke中相应 的 php上传文件处理文件, 比如 upload_json.php等...

不要犯一些 "书写错误"上的低级错误.比如function, 比如script的书写错误等等.

  • 我们在网页中, 只能看到的, 只关心的是 网站根目录下的内容, 因此, 你只看到的是 网站目录的根 "/", 而不管该目录在真实服务器机器上的真实目录是在哪里.

在同一个段落里面, 要空一行, 使用 两个 <br /> <br />
在ke中, 要使用它的input表单, 包括两个部分: 一个是 在html中要写 对应的 input表单标签<input type="button" name="getHtml" value="获得html" /> , 另一个是要在js中写对应的js脚本.
ke的用法跟 jquery的用法类似, 使用的是 关键字 "K" 大写的K 在kindeditor.js中就定义的这样的函数 K, 不能是小写的k. 所以你在初始化的时候, 就应该写大写的K, 这个大写的K就是 kindeditor传递进去的静态对象.

//  函数中的变量e 是event 事件参数, 你可以不用

K(‘input[name=getHtml]‘).click(function(e){         
// 使用的是 jquery的语法. 
        alert(editor.html());
});






以上是关于kindeditor4.1.11的使用方法的主要内容,如果未能解决你的问题,请参考以下文章

KindEditor自动过滤首行缩进和全角空格的解决方法

VSCode自定义代码片段—— 数组的响应式方法

VSCode自定义代码片段10—— 数组的响应式方法

微信小程序代码片段

webstorm代码片段的创建

Android课程---Android Studio使用小技巧:提取方法代码片段