我有一个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。
答案 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仪表板->外观->编辑器
中找到