动态显示或隐藏kindeditor编辑器：异步加载

这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。: 评 TP6模型事件-查询后onAfterRead不好用

文章标签更多

ThinkPHP (254)

Mysql (58)

DedeCms (33)

jQuery (67)

证件照 (1)

尺寸大小 (2)

背景颜色 (1)

setInc (4)

setDec (4)

onclick (5)

友情链接更多

超纯水设备

免费设计

海报设计

快递查询

kindeditor

打开边栏(ESC) 关闭边栏(ESC)

需求：页面上默认不显示编辑器，然后根据用户选择显示或隐藏编辑器。

参考：kindeditor异步加载

http://kindeditor.net/ke4/examples/dynamic-load.html

kindeditor所有演示示例

http://kindeditor.net/demo.php

html代码：

<textarea id="otherContent" name="otherContent" class="ipt form-control form-control-sm zht_w_lg_50" rows="2">内容</textarea>
            <input type="button" name="load" value="加载JS并创建编辑器" />
            <input type="button" name="remove" value="删除编辑器" />

js代码：

<script>
  $(function() {
    $('input[name=load]').click(function() {
      editor1 = KindEditor.create('textarea[name="otherContent"]', {
          height:'500px',
          uploadJson : ZHT.U('admin/base/editorUpload'),
          allowFileManager : false,
          allowImageUpload : true,
          themeType : "default",
          items:[     'source', 'undo', 'redo',  'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
                    'plainpaste', 'wordpaste', 'justifyleft', 'justifycenter', 'justifyright',
                    'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
                    'superscript', 'clearhtml', 'quickformat', 'selectall',  'fullscreen',
                    'formatblock', 'fontname', 'fontsize',  'forecolor', 'hilitecolor', 'bold',
                    'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', 'image','multiimage','media','table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
                    'anchor', 'link', 'unlink'
          ],
          afterBlur: function(){ this.sync(); }
        });
    });
    $('input[name=remove]').click(function() {
      KindEditor.remove('textarea[name="otherContent"]');
    });
  });
</script>

结合layui显示隐藏按钮

from clipboard

按钮：

<tr>
          <th>
            是否使用编辑器：
          </th>
          <td height='24' class="layui-form">
            <input type="checkbox" {if $rs.isEditor eq 1}checked{/if} id="isEditor" name="isEditor" value="1" class="ipt" lay-skin="switch" lay-filter="isEditor" lay-text="是|否">
          </td>
        </tr>

js代码：

//layui开关
$(function(){
  layui.use('form', function(){
    var form = layui.form;
    //监听提交
    form.on('switch(isEditor)', function(data){
      var id = $(this).attr("data-id");
      if(this.checked){
        editor1 = KindEditor.create('textarea[name="otherContent"]', {
          height:'500px',
          uploadJson : ZHT.U('admin/base/editorUpload'),
          allowFileManager : false,
          allowImageUpload : true,
          themeType : "default",
          items:[     'source', 'undo', 'redo',  'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
                    'plainpaste', 'wordpaste', 'justifyleft', 'justifycenter', 'justifyright',
                    'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
                    'superscript', 'clearhtml', 'quickformat', 'selectall',  'fullscreen',
                    'formatblock', 'fontname', 'fontsize',  'forecolor', 'hilitecolor', 'bold',
                    'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', 'image','multiimage','media','table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
                    'anchor', 'link', 'unlink'
          ],
          afterBlur: function(){ this.sync(); }
        });
      }else{
        KindEditor.remove('textarea[name="otherContent"]');
      }
    });
  });
})

赏

前一篇

仿站小工具和小飞兔（扒取网站页面）

后一篇

“最难不过坚持”

本人承接扒站仿站，php网站维护，病毒查杀，网站编辑，网站改版，html制作

仿站小工具和小飞兔（扒取网站页面）

video标签设置autoplay（自动播放）无效