用户输入内容时,如何使输入中的文本显示在另一个空间中?

时间:2019-05-15 22:37:52

标签: wordpress bbcode

我有一个Wordpress联系人表格,它不接受HTML / JavaScript内容,而只是一种BBCode,如下所示:

[contact-form]
 [contact-field label="Name" type="name" required="1"/]
 [contact-field label="E-mail" type="email" required="1"/]
 [contact-field label="Website" type="url"/]
 [contact-field label="Comment" type="textarea" required="1"/]
[/contact-form]

我的目标是do the same as this

2 个答案:

答案 0 :(得分:0)

由于bbcode表单将转换为原始html表单作为输出,因此您可以通过从浏览器检查元素来跟踪字段的ID。 您可以使用https://wordpress.org/plugins/custom-css-js/将自定义javascript添加到您的网站中。

例如,您从bbcode类型表单中获得了这样的输出:

<div class='chatbox' id='chatbox'></div>
<input type='text' name='name' class='chatinput' id='chatinput'>

您可以添加一些简单的JavaScript代码来完成工作:

var input = document.getElementById('chatinput');
input.onkeyup = function(){
    document.getElementById('chatbox').innerHTML = input.value;
}

答案 1 :(得分:0)

如果您唯一的问题是无法使用自己的JS。我有一个简单的解决方案。

1。在单独的文件中编写您的js代码。
2.将文件上传到根文件夹中。 3.找到并打开header.php文件,然后将路径粘贴到您的js文件中,确保该文件位于您的head区域内。像这样

<script src="../path/to/your/file.js"></script>
</head>

注意:header.php可以从您的wp-admin仪表板->外观->编辑器

中找到