网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
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
转载请注明来源:jQuery+Bootstrap响应式富文本编辑器(LineControl)
本文永久链接地址:https://www.moyouyouw.cn/code/853.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论