<input>元素

Question

我想在编辑器中添加

input

元素，以便用户可以在其中输入内容。我尝试在文本区域中写入 html，但是

input

元素无法点击 (ex1)

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

我也尝试过让

contenteditable="true"

div 和输入在其中工作没有问题，所以这是tinymce问题（ex2）

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

input

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

Answer 1

您不能将输入元素放入文本区域元素中。

尝试

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

Answer 2

那是因为您的输入字段位于

textarea

元素内。它本身是完全可编辑的。

将其从文本区域中取出，然后它就会按照您想要的方式工作。

Answer 3

您可以通过在工具栏和插件中添加“代码”来获得此效果。 tinymce.init({ 选择器：'textarea.codedemo'， 插件：'代码'， 工具栏：'代码'， });