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

    前言

    最近,在做项目的时候选用了 Layui 的富文本编辑器作为文本编辑。功能不多,但刚好适用。

    记录与总结一下使用过程中遇到的问题与解决。更详细文档,可直接去官网查看 传送门

    使用步骤

    前端页面

    代码如下所示:

    <textarea class="layui-textarea" id="LAY_demo1" style="display: none;"></textarea>
    

    脚本需要声明模板

    代码如下所示:

    layui.use(['form', 'layedit'], function () {
        var form=layui.form,layui.layedit;
        var index1 = layedit.build('LAY_demo1', {
                tool: ['strong', 'italic', 'underline', 'del', '|', 'left', 'center', 'right'],
                height: 200
            });
    });
    

    获取获取编辑器纯文本内容

    代码如下所示:

    layedit.getText(index); 
    

    获取编辑器内容

    代码如下所示:

    layedit.getContent(index)
    

    编辑器赋值

    代码如下所示:

    layedit.setContent(index1, Content);
    index1:创建富文本编辑器的索引
    Content:赋值的内容
    

    注意:以上必须引用Layui.js以及Layui.css

  • 相关阅读:
    20200824
    Redis
    vs2012快捷键教程
    OpenCV 2.4+ C++ SVM介绍
    隐马尔科夫模型
    hu矩
    手势跟踪
    混合高斯模型GMM
    排序算法
    聚类——混合高斯模型 Gaussian Mixture Model
  • 原文地址:https://www.cnblogs.com/ZengJiaLin/p/14124351.html
Copyright © 2011-2022 走看看