summernote文本編輯內容在前端的顯示

1.summernote文本的編輯與文件的上傳

　　在上一篇文章中，我們寫了summernote文本編輯器的使用還有圖片文件的上傳，http://www.cnblogs.com/jingmin/p/6592325.html

 

 

 

2.summernote編輯內容在前端的顯示

　　summernote編輯器編輯的內容保存的時候是帶有html標簽的，那么小編在這里總結了兩種方法，把這些內容在前端顯示出來。

　　

　　2.1使用htmlspecialchars_decode() 函數

　　我們可以在Controller里面將這個字段的內容用htmlspecialchars_decode() 函數把預定義的 HTML 實體轉換為字符。然后將變量注冊顯示...

 

$content = M('Article')->where('id=1')->getFiled('content');
$post = htmlspecialchars_decode($content);
$this->assign('post',$post);
$this->display();

 

　　在html中，直接將變量插入到你要顯示的地方：

<div id="show_content">{$post}</div>

      這種方法是不是很帥，直接用php函數就解決了....

 

　　2.2通過js將這段字符插入到html中，讓html自己解析html標簽

　　html代碼：

 

<textarea type="text"  name="content" id="summernote"></textarea>

<input type="hidden" id="article_content" value="{$post.content}">

 

　　先將這些內容放在一個input中，給這個input一個hidden屬性，然后通過js吧這段代碼插入到textarea中，讓html通過瀏覽器自己解析：

 

　　js代碼：

$(function(){
         var innerhtml = $("#article_content").val();
         $("#summernote").val(innerhtml);
});

 

 

 

很清晰的思路，一看秒懂！！幫你實際解決問題的請點個贊，是對小編努力成果的肯定！謝謝！！

 

可能兄弟們在使用summernote編輯器上傳圖片后，對文本域提交進行validate表單驗證，出現了無法提交的問題，那么小編吧研究了一下午的成果和大家分享一下，全網只此一篇哦！　　http://www.cnblogs.com/jingmin/p/6602883.html

 

　　以上是小編原作！

　　關於summernote asp.net mvc實現圖片上傳請參考：https://pdf-lib.org/Home/Details/749

　　　關於JAVA的方法請參考：https://pdf-lib.org/Home/Details/356