如何使用javascript/jquery和php保存媒體編輯器中的數據

我正在開發一個博客，並且想要添加媒體編輯器來獲取我的內容並進行保存。我一直在尋找互聯網，我嘗試了使用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());});});

來源

2017-01-25 Nazehs

讓我們假設你已經固化在你沒有在你上面的例子同樣的方式編輯：

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 
});

我不確定您在訪問該內容時想要處理的內容，但希望以上示例能夠幫助您將所需的功能拼湊在一起。

來源

2017-02-10 09:07:03

我真的很感激你的代碼@Jason它是有幫助的，你給了我額外的提示，但我之前嘗試過$("#publish_article").click(function(){editor.html()}); 哪些確實爲我抓取了整個innerHTML。

來源

2017-03-06 14:02:16 Nazehs

如何使用javascript/jquery和php保存媒體編輯器中的數據

回答

相關問題