edit(带图片上传)富文本编辑器

 

插件描述：由trumbowyg改编的edit插件，首先是中文版，其次增加了图片更改大小等一系列优化，十分方便

加载样式以及js

1 2 3 4

<script src="assets/jquery.min.js"></script> <script src="assets/trumbowyg.js"></script> <script src="assets/plugins/base64/trumbowyg.base64.js"></script> <link rel="stylesheet" href="assets/design/css/trumbowyg.css">

加上图片放大缩小插件

1 2 3 4 5 6

<div id="odiv" style="display:none;position:absolute;z-index:100;">     <img src="assets/pic/sx.png" title="缩小" border="0" alt="缩小" onclick="sub(-1);"/>     <img src="assets/pic/fd.png" title="放大" border="0" alt="放大" onclick="sub(1)"/>     <img src="assets/pic/cz.png" title="重置" border="0" alt="重置" onclick="sub(0)"/>     <img src="assets/pic/sc.png" title="删除" border="0" alt="删除" onclick="del();odiv.style.display='none';"/> </div>

使用

1	<div onmousedown="show_element(event)" style="clear:both" id="customized-buttonpane" class="editor"></div>

在任意html中加载文本编辑器。

在trumbowyg.js中搜索customized-buttonpane，可以将id更换，或者自己提出来直接新建新的edit

DEMO下载地址：https://dwz.cn/ORcEz9fz