trix.js是一款简单简洁的富文本编辑器

使用方式：

第一步引入bfwone 加载依赖项jquery

第二步use插件及css和主题css

示例代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["trix", "trix"], function() {
                var element = document.querySelector("trix-editor");//获取编辑器
                // element.editor  // 获取编辑器实例
               
                element.editor.insertString("Hello");//插入文本
                element.editor.insertHTML("<strong>Hello</strong>");//插入html文本
                element.editor.setSelectedRange([0, 1]);//选择第一行第一列
            });
        });
    </script>
    <style>
    </style>
</head>
<body>
    <form>
        <input id="x" type="hidden" name="content" value="hello bfw">
        <trix-editor input="x"></trix-editor>
    </form>
</body>
</html>

官网：https://github.com/basecamp/trix

trix.js 简单简洁富文本编辑器

立即下载trix.js 查看所有js插件

网友评论0