表单内嵌富文本提交页面

<!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> form{max-width:800px;margin:30px auto;padding:20px;border:1px #eee solid;border-radius:8px} button{margin-top:15px;padding:9px 22px;background:#28a745;color:#fff;border:none;border-radius:4px} </style> </head> <body> <form> <h2>表单内嵌富文本提交页面</h2> <p>留言内容：</p> <textarea id="msg" name="message"></textarea> <button type="button" id="subBtn">提交内容</button> <div id="result" style="margin-top:15px;padding:10px;border:1px #ddd solid"></div> </form> <script> tinymce.init({selector:"#msg",height:300}); document.getElementById("subBtn").onclick=()=>{ const val=tinymce.get("msg").getContent(); document.getElementById("result").innerHTML="提交内容：<br>"+val; } </script> </body> </html>

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