联系官方销售客服

1835022288

028-61286886

求助 版主:官方研发技术组
百度编辑器点击按钮复制标题的事件处理怎么写
类型:迅睿CMS 更新时间:2023-10-06 11:40:04 自定义字段 百度编辑器 模块内容 Ueditor百度编辑器
插件 Ueditor百度编辑器 V1.16
应用作者 迅睿官方团队
发布时间 2021-12-11 23:09:07
更新时间 2024-02-15 11:09:05

求教百度编辑器ueditor新增按钮后的事件处理怎么写?

模块内容编辑我用自定义字段弄了个点击复制标题到剪切板的按钮代码如下:

<div class="form-group">
 <span class="btn"><button class="btn default" type="button" id="gocopytitle"><i class="fa fa fa-copy"></i></button></span>
</div>
<script>
 document.getElementById("gocopytitle").onclick = function() {
  document.getElementById("dr_title").select();
  document.execCommand("copy");
 }
</script>

然后觉得位置不适合(复制来标题就是方便在编辑器内容合适的地方直接复制复制的,所以想按钮在编辑器内,按钮在同屏方便点,鼠标也不用划开太远),然后在百度编辑器里面新增了一个按钮(按钮已经好了),但是不会写百度编辑器里面的按钮事件处理。

求大佬帮忙改写一下谢谢。(百度编辑器的按钮能执行编辑器意外的操作吗?)

//wbl.新增copytitle按钮的事件处理 点击后复制id等于dr_title的文本框的内容到剪切板
ue.commands['copytitle'] = {
execCommand: function () {
     
  //这里要怎么写啊,试来试去,试不出来,点击无反应,但是把行首缩进的复制过来就能有效,还是我写的不对  求大佬帮忙写一下谢谢 
  
},
queryCommandState: function () {}
};


插件教程:https://www.xunruicms.com/doc/app-893.html

回帖
  • #1楼    迅睿框架创始人
    2023-10-05 22:53:08
    Google Pixel 手机 0
    试一试
    UE.commands
    具体要看浏览器控制台的js报什么错误
    满意答案
  • 未别离
    #2楼    未别离
    2023-10-05 23:02:33
    Chrome 0
    回复迅睿框架创始人 谢谢大佬休假半夜回复,本来觉得明天审核才能放出,没想到大佬这么拼,半夜还在,我也在不断的自己尝试,我也后知后觉发现了。就是因为小写了。换大写就可以了。纯小白,没基础,天天就尽吃这些亏了。唉. 😭 万分感谢。
    UE.commands['copytitle'] = {
    execCommand: function () {
      document.getElementById("dr_title").select();
      document.execCommand("copy");
    },
    queryCommandState: function () {}
    };

    微信图片_20231005230007
  • 未别离
    #3楼    未别离
    2023-10-06 11:40:04
    Chrome 0
    迅睿框架创始人:万分感谢