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

所属分类:输入-丰富的输入

 66518  445  查看评论 (73)
分享到微信朋友圈
X
edit(带图片上传)富文本编辑器 ie兼容11

加载样式以及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


相关插件-丰富的输入

jquery屏幕键盘插件Virtual Keyboard

一个在浏览器的jQuery屏幕键盘(OSK)插件,。
  丰富的输入
 35348  360

jQuery模拟数字键盘插件mynumkb.js

jQuery pc端使用的数字键盘插件mynumkb.js,兼容ie6
  丰富的输入
 29525  315

jQuery多功能网页键盘插件

jQuery网页键盘插件,可移动,可输入汉字的多功能键盘
  丰富的输入
 17389  225

jQuery答题测试(原创)

点击左右键,左右滑动可切换题目,已答题数目和总题目数,交卷
  丰富的输入
 38119  365

讨论这个项目(73)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    小善缘 0
    2021/11/1 17:07:38
    怎么获取富文本的值啊 回复
    人世间 0
    2021/9/7 23:16:31
    可以兼容谷歌么 回复
    AChen 0
    2021/4/23 10:54:45
    请问一下。在vue渲染的内容中无法渲染文本框的样式是为什么呢 回复
    Yoke 0
    2020/12/24 14:59:15
    您好,请问如何修改js使图片不转换为base64格式,并且上传到服务器 回复
    equne 0
    2019/6/3 21:19:56
    请问为什么我输入纯文本可以上传到数据库,带上一张本地图片就传不上去了?
        若如初见0
        2019/6/4 16:03:17
        找到答案了吗?我也同问
        流氓兔1
        2019/11/11 10:48:46
        数据库的大小是否可以设置下,最后用text或者longtext保存,别用varchar。
    回复
    咖啡加冰 0
    2019/3/25 17:10:46
    怎样获取编辑器中的内容,并将其传递给后台?各位大哥大姐帮帮忙 回复
    ∝?ㄔㄔ→刺芯 0
    2018/12/8 9:54:00
    可以在移动端调用里面的 js 吗
    回复
    从头再来,,, 0
    2018/10/29 10:27:36
    当编辑器中的图片很大时,进行保存操作,后台接收到的数据都为空,但从新再修改这条空数据又是可以的,
        从头再来,,,0
        2018/10/29 10:28:49
        如果图片大小为k级别的可以M的就不行
        从头再来,,,0
        2018/10/29 10:29:23
        不知道大家有没有遇到这样的情况,
        流氓兔0
        2019/1/2 11:14:51
        可以处理下服务器接收限制,有些服务器默认最大接收是2M。
    回复
    寻风 0
    2018/8/13 20:21:01
    请问图片上传后上传到哪里了,如果我直接吧edit.html()方法得到的数据保存到数据库里,那下一次重新启动服务器,图片会不会消失,只剩下文本。因为图片没有上传到服务器上。如果想将图片上传到服务器上,然后下一次启动项目,图片和文字还是以以前的方式显示该怎么做啊
        流氓兔0
        2018/9/20 15:55:43
        图片是base64转换的,直接存到数据库了
    回复
    300斤的瘦子 0
    2018/8/3 14:08:24
    图片复制粘贴功能,不兼容谷歌浏览器吗?
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复