zoukankan      html  css  js  c++  java
  • 富文本编辑器的使用

    1.  导入富文本编辑器js包(kindeditor-4.1.10)  链接:https://pan.baidu.com/s/1LIxzjOWkw1HdgfXwxoYp7g 密码:zsrr

    2. jsp中引入如下js

    <script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script>
    <script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/lang/zh_CN.js"></script>

    3.  jsp 中添加如下标签

    <textarea style="800px;height:300px;visibility:hidden;" name="desc"></textarea>

    4.  初始化富文本编辑器

        var itemAddEditor ;
        //页面初始化完毕后执行此方法
        $(function(){
            //创建富文本编辑器
            itemAddEditor = KindEditor.create("#itemAddForm [name=desc]");
            //初始化类目选择和图片上传器
            TAOTAO.init({fun:function(node){
                //根据商品的分类id取商品 的规格模板,生成规格信息。第四天内容。
                //TAOTAO.changeItemParam(node, "itemAddForm");
            }});
        });

    5. 提交表单的方法中 提交之前添加如下, 把富文本编辑器中的内容和 textarea 中的内容进行同步。

    itemAddEditor.sync();
  • 相关阅读:
    Dingo/api 学习笔记
    Composer install 报错
    bootstrap4 调整元素之间距离
    css font-family常用的黑体宋体等字体中英文对照
    mac 开关机
    lodash.memoize
    Evevt Loop 事件循环
    mac 安装 XX-Net-3.12.11
    mac端口占用
    npm 安装/删除/发布/更新/撤销 发布包
  • 原文地址:https://www.cnblogs.com/redhat0019/p/9475230.html
Copyright © 2011-2022 走看看