tinymce中的<input />元素

Question

我想在我的编辑器中使用input元素，以便用户可以在其中键入内容。我尝试在我的textarea中编写html，但input元素无法点击（ex1）

Value: <input type='text' value='12.3'> kg

我也试过让contenteditable="true" div和输入工作没有问题，所以这是一个问题（ex2）

即使我用div初始化tinymce并手动设置html，我也无法在编辑器中使用input

ed.getBody().innerHTML = "Value: <input type='text' value='12.3'> kg"

Answer 1

你不能在textarea元素中有一个输入元素。

尝试

<form method="post" action="dump.php">
    <label for="kgElement">Value:</label>
    <input type='text' id="kgElement" placeholder='12.3'> kg
</form>

Answer 2

那是因为你在textarea元素中有输入字段。哪个本身是完全可编辑的。

将它从textarea中取出，然后它会按你想要的方式工作。