jquery-selectors - 使用 jquery 选择器获取 tinymce textarea 的值-6ren

jquery-selectors - 使用 jquery 选择器获取 tinymce textarea 的值

转载作者：行者123 更新时间：2023-12-03 10:31:14

25

4

我想获得一个 tinymce textarea 的值

<textarea id="thetextarea"></textarea>

上键以便使用以下命令将其输入到显示预览脚本中:

function showPreview(value) {

    $("#preview-container").load("/material-preview.php", {s:value});

}
$('thetextarea').live("keyup",function (e) {

        var material = this.value;
        showPreview(material);

        return false;

    });

如果我尝试选择 textarea id thetextarea它不起作用(如果我不把它变成一个 tinymce-field 就起作用)。

使用 firebug 我看到文本，当 textarea 被 tinymce 转换时，在:

<body id="tinymce" class="mceContentBody"></body>

但这也不起作用，(也不起作用 $('#tinymce') )

 $('mceContentBody').live("keyup",function (e) {

            var material = this.value;
            showPreview(material);

            return false;

        });

根据要求应用 tinyMCE 后的 HTML 代码(来自 Firebug )

 <textarea id="material-input" class="mceEditor text" style="width: 310px ! important; height: 250px ! important; display: none;" name="material" aria-hidden="true"></textarea>
      <span id="material-input_parent" class="mceEditor defaultSkin" role="application" aria-labelledby="material-input_voice">
      <span id="material-input_voice" class="mceVoiceLabel" style="display:none;">Rich Text Area</span>
      <table id="material-input_tbl" class="mceLayout" cellspacing="0" cellpadding="0" role="presentation" style="width: 310px; height: 250px;">
        <tbody>
          <tr class="mceFirst" role="presentation">
          <tr>
          <td class="mceIframeContainer mceFirst mceLast">
            <iframe id="material-input_ifr" frameborder="0" src="javascript:""" allowtransparency="true" title="Rich Text Area. Press ALT F10 for toolbar. Press ALT 0 for help." style="width: 100%; height: 206px;">
            <html>
             <head xmlns="http://www.w3.org/1999/xhtml">
               <body id="tinymce" class="mceContentBody " contenteditable="true" spellcheck="false" dir="ltr">
                  <!-- the text inside tinymce textarea -->
                </body>
            </iframe>
           </td>
           </tr>
           <tr class="mceLast">
         </tbody>
       </table>
    </span>

最佳答案

称呼

tinyMCE.triggerSave();

之后你就可以使用 jquery 选择器

$("#yourtextareaID").val();

关于jquery-selectors - 使用 jquery 选择器获取 tinymce textarea 的值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7214218/

25

4

0

文章推荐： java - Spring Boot 中的 MethodArgumentTypeMismatchException

文章推荐：用于表单编辑的 Django 单元测试

文章推荐： regex - 与信用卡的3或4位数简历相匹配的正则表达式

textarea - textarea onclick删除文本
我知道如何在简单的html文本框中删除文本，但是html textareas似乎要复杂得多。而不是value属性，而是将文本放置在之间： . 这就是为什么我在制作onFocus和onBlur
javascript - textarea 应该复制到另一个 textarea，原始 textarea 应该在使用 javascript 单击按钮时清除
这个问题在这里已经有了答案: text from one textarea should get copy to another textarea and original textarea sh
textarea - Elm - textarea 选择范围消失
我实现了一个在 Elm 中，选项卡缩进和取消缩进，而不是将焦点转移到另一个 HTML 元素。效果很好，除了取消缩进有时会导致选择消失!如果我选择第 5 个字符到第 12 个字符，我按 shift-t
textarea - Vaadin TextArea 字体
是否可以更改 TextArea 的字体？我需要一个固定宽度的字体来显示一些原始数据，这些数据被格式化为在控制台的列中显示。最佳答案您可以使用 CSS 来实现，只需为您的应用程序创建一个主题并添加以
textarea - 换行符在 Textarea 输出中不起作用
换行符或 pharagraph 在 textarea 输出中不起作用？例如，我在 textarea 中为 pharagraph 使用 enter 但在输出中不起作用？我怎样才能做到这一点？ $("#s
textarea - JavaFX – TextArea 的一行中有多少个字符？
这个问题在这里已经有了答案: How to calculate the pixel width of a String in JavaFX? (4 个回答) 6年前关闭。如何计算 TextArea
textarea - 比较两个不同 CodeMirror textarea 的变化
我正在尝试使用两个不同的 textarea s 显示相同的代码，但有一个母版和另一个副本。在副本textarea ，我想强调更改，类似于 GitHub 在我们进行一些更改时提供的内容。我想知道这是否
textarea - 如何知道用户在 JavaFX TextArea 中选择了哪个文本字符串
我需要允许用户突出显示文本(用鼠标选择一个范围)，然后我想让他们能够通过下拉右键菜单将某些设置应用于该文本。我知道后半部分。但是如何获取从 JavafX 的文本区域中选择的文本字符串？另外，我可以
Tinymce，我的 textarea 编辑器中的 textarea
我使用 TinyMCE。如果我在我的 textarea(编辑器)中插入另一个 texarea，tinymce 认为这个的结束标记是相关的，所以他关闭了编辑器。所有代码都可以在编辑器之外找到... 你
jquery - 同时将文本从一个 Textarea 写入另一个 Textarea
假设我有两个文本区域... 文本区域 1 文本区域 2 Hi There. 我希望能够将我在文本区域一中输入的文本添加到文本区域二中的文本之后。例如:如果我写“我的名字是乔”。在文本区域一中，它将同
javascript - textarea 下方的代码作为其值进入 textarea 内部？
我通过点击一个按钮来实现这个 Bootstrap Modal。但是在点击按钮时，模态出现在屏幕上，除了文本区域字段之外的每个字段都正确显示，按钮代码和文件上传代码在它下面，正在进入文本区域，为什么会这
jquery - 从 textarea 获取值并用文本创建一个新的 textarea
现在我在获取值时遇到了问题 ~ 我正在执行一个功能，当我单击一个按钮时，它会显示一个模式，并且在其中有一个文本区域。将所有内容写入其中后，单击“确定”按钮，它将使用您编写的文本创建一个新的文本区域。你
HTML Textarea - 光标从 textarea 的中心而不是顶部开始
我有一个呈现文本区域字段的 HTML 模板和 CSS，但是当单击该字段时，光标从文本区域的中间开始，而不是我期望的从左上角开始。这不会出现在 IE 中，但会出现在 Chrome 和 FF 中。我还得
TinyMCE 在隐藏 textarea 之前不会从 textarea 中抓取内容
我有一个在页面上运行的 TinyMCE 实例，它使我能够编辑现有帖子。我查询数据库，并填充变量 $content与存储的文本。然后我有以下 HTML: Content: " > TinyMCE 显示为
textarea - 按下 ENTER 时禁用 Textarea 中的新行
每当有人在 textarea 中按 Enter 键时，我都会调用一个函数.现在我想禁用 new line或 break按下回车键时。所以new line按下 shift+enter 时应该可以工作。
textarea - JavaFX/ScalaFX - 更改禁用 TextArea 的文本颜色？
我有一个带有一些 TextArea 元素的 GUI 来显示信息。由于 GUI 将对 keyevents 使用react，因此我在场景元素中添加了一个 EventHandler。因为我不想为每个文本区域
jquery - textarea、tinyMCE 并在 textarea 中插入图像
我想用 jquery 在文本区域中插入图像。 (我知道 img 标签无法插入到文本区域中)。我正在使用tinymce jquery: tinyMCE.init({ mod
javascript - 从 textarea 对象获取 textarea 值
为什么这行不通？这里的input类型是text: var name = $("input[name='Event[name]']").serializeArray(); name = name[0].
javascript - 以 TextArea 背景作为实时计数器的 TextArea 字符限制器
我正在研究一种解决方案，当您在 TextArea 中键入文本时，它应该通知用户还剩下多少字符需要输入。比如你只能输入200之类的。这很容易制作，但我希望计数器显示在 TextArea 的背景中而不是单
javascript - textarea Object.type == "textarea"。这有什么用？
“文本区域类型属性”有什么用？ W3foos says this: The type property returns which type of form element a text area i

首页

博学

6Ren·AI

商城

jquery-selectors - 使用 jquery 选择器获取 tinymce textarea 的值