如何使用Javascript或JQuery从所见即所得中获取价值



我想问一下。我想创建一个博客,但使用了微软文字风格的文本编辑器。如果假设使用普通javascript或纯javascript,或者使用JQuery的帮助?

我的代码:

<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<!-- CDN WYSIWYG (TINYMICE) -->
<script src="https://cdn.tiny.cloud/1/fjxlmvgx0f36t65lwkpdwdyrxxahi85ni9wp3e2xp17gjitr/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
</head>
<body>
<!-- Text-Area -->
<textarea id="my_text"></textarea>
<!-- Button Get Value -->
<button id="value_button">Get Value</button>
<script>
// Install WYSIWYS (TINYMICE)
tinymce.init({
selector: 'textarea',
plugins: 'a11ychecker advcode casechange export formatpainter image editimage linkchecker autolink lists checklist media mediaembed pageembed permanentpen powerpaste table advtable tableofcontents tinycomments tinymcespellchecker',
toolbar: 'a11ycheck addcomment showcomments casechange checklist code export formatpainter image editimage pageembed permanentpen table tableofcontents',
toolbar_mode: 'floating',
tinycomments_mode: 'embedded',
tinycomments_author: 'Author name',
});
// Dom (get id:my_text & value_button)
let my_text = document.getElementById("my_text");
let value_button = document.getElementById("value_button");
// get value in console
value_button.addEventListener("click",()=>{
console.log(my_text.value)
})
</script>

我想先得到价值。就像想写";星期四";

也许,出现的是"CCD_ 1";

我的障碍是,我输入了任何值"(空(

注意:我的所见即所得是TinyMouse

但是,如果你有另一种所见即所得,我会试试谢谢

TinyMCE有一个API来获取其当前内容:

getContent()-https://www.tiny.cloud/docs/api/tinymce/tinymce.editor/#getcontent

对于某些背景,当您加载TinyMCE时,它会用iframe覆盖您的textarea,因此当您在TinyMCE中键入时,您不会更新textarea

也就是说,有一个API调用使TinyMCE将其当前内容推回到textarea:

triggerSave()-https://www.tiny.cloud/docs/api/tinymce/root_tinymce/#triggersave

所以,如果您需要对textarea做一些特定的操作,可以先调用triggerSave()

相关内容

最新更新