使用夏季筆記編輯器的'note-editable'類訪問div的數據div

我想訪問在summer-note編輯器中編寫的文本，將其保存到數據庫中。使用夏季筆記編輯器的'note-editable'類訪問div的數據div

我使用夏記爲我的博客網站，但我不能夠訪問與類名note-editable的div數據..

這是我想訪問div的代碼：

<div class="note-editable" contenteditable="true" style="height: 510px;"> 
    hi...Write an amazing Post.... 
</div>

有誰知道如何實現它..thanks提前....

來源

2015-07-13 Venkatesh Achintalwar

這是非常簡單的事情，但你有沒有試過？在這裏寫一些代碼，我們會給你答案 – bharatpatel

是的我試圖通過給div的ID然後...訪問它與Ajax ...但沒有工作... –

剛看到開發商在地方已經爲這項任務：（從summernote.org）：

得到&集代碼

獲取fir的HTML內容在匹配的元素集中的st summernote。

var sHTML = $('.summernote').code();

獲取與jQuery EQ第二summernote的HTML內容。

var sHTML = $('.summernote').eq(1).code();

HTML字符串設置爲每一個匹配元素的內容。

$('.summernote').code(sHTML);

更多細節API：深入瞭解與API

什麼是錯的代碼？你可以獲得什麼？

來源

2015-07-13 08:42:23

只要抓住的元素，然後它裏面的文本。

像這樣：

var content = document.getElementsByClassName('note-editable')[0]; 
 

 
console.log(content.innerHTML)

<div class="note-editable" contenteditable="true" style="height: 510px;">hi...Write an amazing Post....</div>

來源

2015-07-13 08:32:20

避免使用'.innerHTML'獲得文本內容，'.innerText'在這種情況下更合適，您可以在我的文章中看到它的侷限性。 –

您可以簡單地使用innerText或.textContent性能，讓您的DIV中的文本：

var text = document.getElementsByClassName('note-editable')[0].innerText; 
 

 
alert(text);

<div class="note-editable" contenteditable="true" style="height: 510px;">Hi...Write an amazing Post....</div>

注：

避免使用innerHTML，因爲它將返回子元素的HTML代碼也和參照innerHTML documentation：

如果<div>，<span>，或<noembed>節點具有包括字符的子文本節點（&），（<）或（ >），innerHTML將這些字符分別返回爲& amp，& lt和& gt。使用Node.textContent獲取這些文本節點內容的正確副本。

來源

2015-07-13 08:44:44

使用夏季筆記編輯器的'note-editable'類訪問div的數據div

回答

相關問題