内容清空 + 重置编辑器

<!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> .wrap{max-width:900px;margin:30px auto} .btns button{padding:8px 16px;margin-right:8px;background:#dc2626;color:#fff;border:none;border-radius:4px} </style> </head> <body> <div class="wrap"> <h2>内容清空+重置编辑器</h2> <div class="btns"> <button id="clearBtn">一键清空内容</button> <button id="resetBtn">重置编辑器</button> </div> <textarea id="clearEdit"></textarea> </div> <script> tinymce.init({selector:"#clearEdit",height:360,language:"zh_CN"}); document.getElementById("clearBtn").onclick=()=>tinymce.get("clearEdit").setContent(""); document.getElementById("resetBtn").onclick=()=>tinymce.get("clearEdit").resetContent(); </script> </body> </html>

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