简介
bootstrap3-wysihtml5-commonjs 是一款基于 Bootstrap 3 和 wysihtml5 的富文本编辑器包。它提供了丰富的编辑功能和易于使用的 API 接口，适合用于在项目中集成富文本编辑器。
安装
使用 npm 安装
$ npm install bootstrap3-wysihtml5-commonjs
使用
引入样式
在 Sass 文件中引入样式：
// Import Bootstrap @import 'node_modules/bootstrap3-wysihtml5-commonjs/vendor/assets/stylesheets/bs3'; // Import wysihtml5 @import 'node_modules/bootstrap3-wysihtml5-commonjs/vendor/assets/stylesheets/bootstrap3-wysihtml5'; // Import customized style @import 'your-customized-style'; // your customized style file
引入 JavaScript
在 JavaScript 文件中引入：
// Import Bootstrap and jQuery
import 'bootstrap3-wysihtml5-commonjs/vendor/assets/javascripts/bootstrap3-wysihtml5/commonjs/bootstrap3-wysihtml5.all';
// Initialize editor
$('#editor').wysihtml5();API
手动初始化编辑器
// Initialize editor with options
$('#editor').wysihtml5({
toolbar: {
fa: true, // Use Font Awesome icons
codeviewToggle: true // Show code view button
},
parserRules: wysihtml5ParserRules // Your customized parser rules
});获取内容
$('#editor').wysihtml5('getEditor').getValue();设置内容
$('#editor').wysihtml5('getEditor').setValue('Hello, world!');示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------------------------ ---------------
----- ---------------- ---------------------------------------------------------
----- ---------------- ------------------------------------------------------------------------------------
----- ---------------- -----------------------------------------------------------------------------------------------------
------- ------------------------------------------------------
------- ---------------------------------------------------------------
------- ----------------------------------------------------------------------------------------------------------------------------------------------
-------
------
---- ------------------
--------------------------------- ------------
--------- -----------------------
------- ---------------- ----------------
------- ---------------- ----------------
------
--------
---------------------------- -
------------------------
-------- -
--- -----
--------------- ----
-
---
------------------------- ---------- -
--- ------- - -----------------------------------------------
---------------------
---
------------------------- ---------- -
---------------------------------------------------- ---------
---
---
---------
-------
-------总结
Bootstrap3-wysihtml5-commonjs 是一款易于使用的富文本编辑器包，它提供了丰富的编辑功能和易于使用的 API 接口，适合用于在项目中集成富文本编辑器。我们在项目中可以根据实际需求进行配置，让它更加符合我们的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c83ccdc64669dde4df6