layui-富文本编辑器

最新推荐文章于 2024-06-04 23:11:37 发布

岽仔玖等

最新推荐文章于 2024-06-04 23:11:37 发布

阅读量6.9k

点赞数 1

分类专栏： Layui 文章标签：文本编辑 layui

本文链接：https://blog.csdn.net/ajlgl/article/details/72516020

版权

Layui 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

layui-富文本编辑器

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>富文本编辑器</title>
        <link rel="stylesheet" href="layui/css/layui.css">
    </head>
    <body>
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
            <legend>完整功能（没错，目前工具栏只有这么多）</legend>
        </fieldset>

        <textarea class="layui-textarea" id="LAY_demo1" style="display: none">  
            把编辑器的初始内容放在这textarea即可
        </textarea>


        <script src="layui/layui.js"></script>
        <script>
            layui.use('layedit', function(){
                var layedit = layui.layedit
                ,$ = layui.jquery;

                //构建一个默认的编辑器
                var index = layedit.build('LAY_demo1');
            });
        </script>
    </body>
</html>