2014-05-03 55 views
3

所以,我有Bootstrap-Wysiwyg的富文本框編輯器。Bootstrap Wysiwyg編輯器:保存HTML中的數據到數據庫,嘗試將HTML以richtextbox格式發送回編輯器

如果文本框包含: 這是一個大膽的說法。

然後我的DB將保存文本: (使用隱藏的標籤,讓我插入editor.html())

<b>This is a bold statement.<b> 

如果我再次保存文件時,RTF將其轉換爲:

&lt;b&gt;This is a bold statement.&lt;b&gt; 

當我把這個文本放回使用Model.Value編輯器,它並沒有將其轉化爲豐富的文本,而是保持,就好像是一個字符串文本,準確地指出它,因爲它是保存在數據庫中。

如何將我的模型中的文本轉換爲富文本編輯器格式?

我一直在搜索網絡相當多,大多數功能是指文件。這是我的一個新課題,所以如何解決這個問題,任何見解都是值得讚賞的。 (編輯文本沒有格式是令人討厭的!)在此先感謝!

回答

3

萬一別人卡住,我能夠這樣做,以解決這個問題如下:

我創建了一個隱藏的div(這是我第一次填充我的模型):

<textarea style="display: none;" id="editorCopy" name="body">@Model.Body</textarea> 

並留下我的編輯股利空:

<div id="editor" contenteditable="true"> 
    </div> 

,並在我的JQuery:

我我的編輯文本設置爲我的隱藏層值,並遞交,我跟我的編輯文本替換隱藏的div:

$('#editor').html($('#editorCopy').val()); 

    $('#postSubmit').click(function() { 
     $('#editorCopy').val($('#editor').html()); 
    }); 

這讓我的富文本顯示上編輯。可能有更好的解決方案,但至少可以這樣做! :]

相關問題