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

发布于 2025-01-19 18:06:55 字数 1917 浏览 4 评论 0 原文

我想问。我想创建一个博客，但使用了Microsoft Word风格的文本编辑器。如果假设使用香草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>

我想先获取值。就像想写“星期四”一样

，出现的是 “ ＆lt; p＆gt;星期四＆lt;/p＆gt; “

我的障碍，我输入了任何值是“”（空）

注：我的wysiwyg是tinymice

，但是，但是如果您有另一种类型的Wysiwyg，我将尝试 谢谢

原文

I want to ask. I wanted to create a blog, but used a Microsoft word-style text editor. If suppose using vanilla javascript or pure javascript or using the help of JQuery?

MY code:

<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>

I want to get the value first. Like wanting to write "Thursday"

Perhaps, what appears is
"<p>Thursday</p>"

My obstacle, I typed whatever the value is ""(empty)

Note: My WYSIWYG is TinyMice

However, if you have another type of WYSIWYG, I will try it
Thankyou