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


5907 | 257  | 514 | 添加收藏 上一个 下一个
资源描述 : 由trumbowyg改编的edit插件,首先是中文版,其次增加了图片更改大小等一系列优化,十分方便
edit(带图片上传)富文本编辑器
资源详情

加载样式以及js


<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">

加上图片放大缩小插件


<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>

使用


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

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


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



指尖代码 资源每日更新 www.zjdaima.com