Javascript 文本框的值到其他 html 标签 (td) onclick

Question

我在文本框中有一些值，下面有按钮。 Onclick 我需要用这个值更新内部（这将是 HTML 标签）我试过：

javascript:

<script>
function copyfunction() {
    var textarea = document.getElementById('mytextarea');
    var preview = document.getElementById('html_preview');
    preview.innerHTML = textarea.value;
}
</script>

html:

<textarea id=mytextarea name=text>some initial text</textarea>
<button type=button onclick=\"copyfunction();\">Preview</button>

<table><tr>
    <td id=html_preview></td>
</tr></table>

但它什么也没做

编辑：抱歉留下转义\但我在php中这样做，所以：

echo "<button type=button onclick=\"copyfunction();\">Preview</button>";

- 它不起作用，但是当我在简单的 html 中进行操作时，它会起作用 :(

EDIT2：对于您的所有努力，我深表歉意，它工作正常，但是我正在实施 TinyMCE，但它不适用于此应用程序 :(

Answer 1

对您的代码进行了一些更改并且可以正常工作。在 onclick=\"copyfunction();\ 中，您需要删除 \s

function copyfunction() {
  var textarea = document.getElementById('mytextarea');
  var preview = document.getElementById('html_preview');
  preview.innerHTML = textarea.value;
}

<textarea id=mytextarea name=text>some initial text</textarea>
<button type=button onclick= "copyfunction()">Preview</button>

<table>
  <tr>
    <td id=html_preview></td>
  </tr>
</table>

Answer 2

在 HTML 属性中省略那些转义反斜杠。您还应该将所有属性值放在双引号中。

function copyfunction() {
    var textarea = document.getElementById('mytextarea');
    var preview = document.getElementById('html_preview');
    preview.innerHTML = textarea.value;
}

<textarea id="mytextarea" name="text">some initial text</textarea>
<button type="button" onclick="copyfunction();">Preview</button>

<table><tr>
    <td id="html_preview"></td>
</tr></table>

Answer 3

一旦 TinyMCE 初始化并在页面上可见，原来的 textarea 就不再可见。当您初始化 TinyMCE 时，它会呈现一个 iframe 作为内容编辑区域（有效隐藏 textarea）。

如果您想提取内容 TinyMCE，您需要使用 TinyMCE API 来执行此操作。您可以使用 getContent() 检索编辑器的当前内容：

https://www.tiny.cloud/docs/api/tinymce/tinymce.editor/#getcontent

例如：

tinymce.activeEditor.getContent();

这是一个工作示例，说明如何将相邻 DIV 与 TinyMCE 中的内容同步：

http://fiddle.tinymce.com/HLgaab/5

Javascript 文本框的值到其他 html 标签 (td) onclick

Javascript value of textbox into other html tag (td) onclick

html

javascript

textarea

tinymce

onclick