如何使用javascript/jquery和php保存媒体编辑器中的数据

Z时代
2024-01-10
分类：问答

我正在开发一个博客，并且想要添加媒体编辑器来获取我的内容并进行保存。我一直在寻找互联网，我尝试了使用JavaScript自己，但它没有给我任何东西。如何使用javascript/jquery和php保存媒体编辑器中的数据

HTML

<div class="editable" id="articles" data-field-id="content"> 
<button id="publish_article"></button>

var editor = new MediumEditor('.editable',{ 
           placeholder:{ 
            text:'Type Your Article', 
            hideOnClick:true 
           }) 
$('#publish_article').click(function(){ 
     $('.editable').bind('input propertychange, function(){ 
     var x=$('#article'+$(this).attr("data-field-id")).val($(this).html());});});

回答：

让我们假设你已经固化在你没有在你上面的例子同样的方式编辑：

var editor = new MediumEditor('.editable', { ... });

如果您只是想获得编辑器的内容，你可以使用editor.getContent()辅助方法（文档here），并且将返回编辑器的html内容。这会给你编辑器元素的.innerHTML。

var x = editor.getContent(); // x is the innerHTML of the editor

如果你正在寻找被通知任何改变编辑器（打字，粘贴，格式化的变化等），您可以订阅的的editableInput自定义事件和通知时，这些变化发生了：

editor.subscribe('editableInput' function (eventObj, editable) { 
    // You can get the content of the editor at this point multiple ways 
    var x = editable.innerHTML; // editable is the editor <div> element that was changed 
    var y = editor.getContent(); // getContent() returns the content of the editor as well 
    x === y; // TRUE 
});

如果你正在寻找被点击您的发布按钮时抓住编辑的内容，你只需要保持周围编辑的一个参考：

$('#publish_article').click(function() { 
    var x = editor.getContent(); 
    // The publish button has been clicked and you now have the content of the editor in x 
});

我不确定您在访问该内容时想要处理的内容，但希望以上示例能够帮助您将所需的功能拼凑在一起。