带水印自定义编辑器

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>带水印自定义编辑器</title> <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/6/tinymce.min.js"></script> <style> .box{max-width:920px;margin:25px auto} .set-box{margin-bottom:10px} #waterInput{padding:6px;width:300px} #addWater{padding:6px 14px;background:#7c3aed;color:#fff;border:none} </style> </head> <body> <div class="box"> <h2>带水印自定义编辑器</h2> <div class="set-box"> <input id="waterInput" placeholder="输入水印文字"> <button id="addWater">插入水印前缀</button> </div> <textarea id="edit"></textarea> </div> <script> tinymce.init({selector:"#edit",height:360,language:"zh_CN"}); document.getElementById("addWater").onclick = ()=>{ let water = document.getElementById("waterInput").value.trim(); if(water){ tinymce.get("edit").insertContent(`<p style="color:#999">【${water}】</p><p></p>`); } } </script> </body> </html>

posted @ 2026-07-02 15:56  wyy330022  阅读(4)  评论(0)    收藏  举报