KindEditor Examples

<p> 引入文件: </p> <pre class="prettyprint"> &lt;link rel="stylesheet" href="../themes/default/default.css" /&gt; &lt;script charset="utf-8" src="../kindeditor.js"&gt;&lt;/script&gt; &lt;script charset="utf-8" src="../lang/zh_CN.js"&gt;&lt;/script&gt; </pre> <p> JavaScript代码: </p> <pre class="prettyprint"> KindEditor.ready(function(K) { K.create('textarea[name="content"]', { allowFileManager : true }); }); </pre> <p> </p>

<p> 引入文件: </p> <pre class="prettyprint"> &lt;link rel="stylesheet" href="../themes/default/default.css" /&gt; &lt;script charset="utf-8" src="../kindeditor.js"&gt;&lt;/script&gt; &lt;script charset="utf-8" src="../lang/zh_CN.js"&gt;&lt;/script&gt; </pre> <p> JavaScript代码: </p> <pre class="prettyprint"> KindEditor.ready(function(K) { K.create('textarea[name="content"]', { resizeType : 1, allowPreviewEmoticons : false, allowImageUpload : false, items : [ 'fontname', 'fontsize', '|', 'textcolor', 'bgcolor', 'bold', 'italic', 'underline', 'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist', 'insertunorderedlist', '|', 'emoticons', 'image', 'link'] }); }); </pre> <p> </p>
引入文件: <pre class="prettyprint"> &lt;link rel="stylesheet" href="../themes/default/default.css" /&gt; </pre> JavaScript代码: <pre class="prettyprint"> KindEditor.loadScript('../kindeditor.js', function() { KindEditor.create('#tab2 textarea'); }); </pre> <p> </p>

JavaScript代码: <pre class="prettyprint"> KindEditor.ready(function(K) { // English: langType : 'en' // 简体中文: langType : 'zh_CN' // 繁體中文: langType : 'zh_TW' K.create('textarea[name="content"]', { langType : 'en' }); }); </pre> <p> </p>
JavaScript代码: <pre class="prettyprint"> KindEditor.ready(function(K) { var editor = K.create('textarea[name="content"]', { readonlyMode : true }); // 设置成只读状态 K('#tab4 input[name=readonly]').click(function() { editor.readonly(); }); // 取消只读状态 K('#tab4 input[name=cancel]').click(function() { editor.readonly(false); }); }); </pre> <p> </p>

JavaScript代码: <pre class="prettyprint"> KindEditor.ready(function(K) { // P换行: newlineTag : 'p' // BR换行: newlineTag : 'br' K.create('textarea[name="content"]', { newlineTag : 'br' }); }); </pre> <p> </p>
JavaScript代码: <pre class="prettyprint"> KindEditor.ready(function(K) { K.create('textarea[name="content"]', { afterChange : function() { K('#tab6 .word_count1').html(this.count()); K('#tab6 .word_count2').html(this.count('text')); } }); }); </pre> <p> </p>
您当前输入了 0 个文字。（字数统计包含HTML代码。）
您当前输入了 0 个文字。（字数统计包含纯文本、IMG、EMBED，不包含换行符，IMG和EMBED算一个文字。）
JavaScript代码: <pre class="prettyprint"> KindEditor.ready(function(K) { K.create('textarea[name="content"]', { filterMode : true }); }); </pre> <p> </p>

<p> 内部连接：<img border="0" src="../plugins/emoticons/images/0.gif" /><br /> 外部连接：<img border="0" alt="" src="http://img1.cache.netease.com/img09/logo/logo.gif" /><br /> 内部超级连接：<a href="demo-19.html" target="_blank">点击这里</a><br /> 外部超级连接：<a href="http://www.163.com/" target="_blank">点击这里</a><br /> </p> JavaScript代码: <pre class="prettyprint"> KindEditor.ready(function(K) { // URL保持不变: urlType : '' // 相对URL: urlType : 'relative' // 不带域名的绝对URL: urlType : 'absolute' // 带域名的绝对URL: urlType : 'domain' K.create('textarea[name="content"]', { urlType : '' }); }); </pre> <p> </p>

JavaScript代码: <pre class="prettyprint"> KindEditor.ready(function(K) { // 简单风格: themeType : 'simple' // 默认风格: themeType : 'default' K.create('textarea[name="content"]', { themeType : 'simple' }); }); </pre> <p> </p>