所以我已经把一个自定义的WYSIWYG编辑器放在一起发布了。这是JS文件:
gtk_window_set_resizable(GTK_WINDOW(window), FALSE);
以下是它锁定的表单:
function iframe(){
editor.document.designMode = 'on';
}
function bold(){
editor.document.execCommand('bold', false, null);
}
function italic(){
editor.document.execCommand('italic', false, null);
}
function underline(){
editor.document.execCommand('underline', false, null);
}
function fontsize(){
var size = prompt("Enter a size (1-7)", "");
editor.document.execCommand('fontsize', false, size);
}
function fontcolor(){
var color = prompt("Enter a hex code or name of color", "");
editor.document.execCommand('forecolor', false, color);
}
function highlight(){
editor.document.execCommand('backcolor', false, "yellow");
}
function link(){
var link = prompt("Enter a link", "http://");
editor.document.execCommand('createLink', false, link);
}
function unlink(){
editor.document.execCommand('unlink', false, null);
}
function formsubmit(){
document.getElementById("textarea").value = window.frames['editor'].document.body.innerHTML;
document.getElementById("rtf").submit();
}
这是完成工作的php脚本:
<form action="actions/newDocAdd.php" method="post" id="rtf">
<input type="text" name="doc_title" id="doc_title" required="required" placeholder="Document Title"/><br />
<input type="button" value="B" onclick="bold()">
<input type="button" value="I" onclick="italic()">
<input type="button" value="U" onclick="underline()">
<input type="button" value="Size" onclick="fontsize()">
<input type="button" value="Color" onclick="fontcolor()">
<input type="button" value="Highlight" onclick="highlight()">
<input type="button" value="Link" onclick="link()">
<input type="button" value="Unlink" onclick="unlink()">
<br><br>
<textarea name="doc_content" id="doc_content" placeholder="Document Content" style="display: none;"></textarea>
<iframe name="editor" id="editor" style="width:100%; height: 500px;"></iframe>
<br><br>
<input onclick="formsubmit()" type="submit" value="Create Document" name="submit"/><br />
</form>
正在发生的事情是,在创建帖子时,所有JS编辑器位都可以工作,但是当它发布内容时,它无法立即更新数据库(在我将这些更改从简单输入字段转换为可编辑之前的位置) textarea / iframe。也许我在这里遗漏了一些非常简单但却无法发现为什么它不能再发布到数据库中了?