jQuery+Bootstrap响应式富文本编辑器（LineControl）

演示  website 下载

插件介绍

LineControl Editor是一款轻量级jQuery文本编辑插件，可以将富文本编辑器附加到文本区域或任何其他容器元素（如DIV）中。

使用方法

1. 在html页面中加载bootstrap框架。

<link href="/bootstrap.min.css" rel="stylesheet">
<link href="https://s0.pstatp.com/cdn/expire-1-M/font-awesome/5.8.1/css/fontawesome.css" rel="stylesheet">
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>

2. 然后加载插件文件。

<link href="editor.css" type="text/css" rel="stylesheet"/>
<script src="editor.js"></script>

3. 为编辑器创建一个容器。

<div id="txtEditor"></div>

4. 初始化插件。

<script type="text/javascript">
$(document).ready( function() {
$("#txtEditor").Editor();                    
});
</script>

5. 默认设置

• 'texteffects':true,

• 'aligneffects':true,

• 'textformats':true,

• 'fonteffects':true,

• 'actions' : true,

• 'insertoptions' : true,

• 'extraeffects' : true,

• 'advancedoptions' : true,

• 'screeneffects':true,

• 'bold': true,

• 'italics': true,

• 'underline':true,

• 'ol':true,

• 'ul':true,

• 'undo':true,

• 'redo':true,

• 'l_align':true,

• 'r_align':true,

• 'c_align':true,

• 'justify':true,

• 'insert_link':true,

• 'unlink':true,

• 'insert_img':true,

• 'hr_line':true,

• 'block_quote':true,

• 'source':true,

• 'strikeout':true,

• 'indent':true,

• 'outdent':true,

• 'fonts':fonts,

• 'styles':styles,

• 'print':true,

• 'rm_format':true,

• 'status_bar':true,

• 'font_size':fontsizes,

• 'color':colors,

• 'splchars':specialchars,

• 'insert_table':true,

• 'select_all':true,

• 'togglescreen':true