discuz将编辑器插入的代码拷贝代码换成非flash的js clipboard.min

admin

(1) 引用clipboard.min.js 我直接再 路径是\template\default\common\header_common.htmcommon.js前面加入

1.         <script type="text/javascript" src="{$_G[setting][jspath]}clipboard.min.js"></script>
   
2.         <script type="text/javascript" src="{$_G[setting][jspath]}common.js?{VERHASH}"></script>

复制代码

(2) common.js (\static\js\common.js)里面写自己的拷贝js代码:

1. document.addEventListener('DOMContentLoaded', function(){
   
2.        
   
3. var clipboard = new Clipboard('.copy_btn',{
   
4.     text: function(trigger) {
   
5.                 let el = trigger.getAttribute('aria-el');
   
6.                 if(el){
   
7.                         let element = document.getElementById(el);
   
8.                         console.log(element);
   
9.                         return element.innerText;
   
10.                 }
    
11.     }
    
12. });
    
13. clipboard.on('success', function(e) {
    
14. console.info('Action:', e.action);
    
15. console.info('Text:', e.text);
    
16. console.info('Trigger:', e.trigger);
    
17. alert("复制成功");
    
18. e.clearSelection();
    
19. });
    
20. 
    
21. clipboard.on('error', function(e) {
    
22. console.error('Action:', e.action);
    
23. console.error('Trigger:', e.trigger);
    
24. });
    
25. 
    
26. });

复制代码

(3) 修改 模板代码 template\default\forum\discuzcode.htm 28行的样子

1. <em class="copy_btn" data-clipboard-action="copy" aria-el="$randomid">{lang discuzcode_copyclipboard}</em>

复制代码

(4) 管理员登陆后台 工具 -> 更新缓存 ok了