html laravel的WYSIWYG编辑器

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html laravel的WYSIWYG编辑器相关的知识，希望对你有一定的参考价值。


http://summernote.org/getting-started/#installation


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Summernote</title>
  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
  <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.7/summernote.css" rel="stylesheet">
 
</head>
<body>
  <div id="summernote"><p>Hello Summernote</p></div>

</body>

 <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script> 
 <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script> 
 <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.7/summernote.js"></script>

  <script>
    $(document).ready(function() {
        $('#summernote').summernote();
    });
  </script>


</html>

以上是关于html laravel的WYSIWYG编辑器的主要内容，如果未能解决你的问题，请参考以下文章

LARAVEL：发送存储在 DB 中的邮件，使用 WYSIWYG 编辑器制作

html Angular：JS Quill的WYSIWYG编辑器

几款常见的可视化HTML编辑器(WYSIWYG).

如何以角度保存和加载来自 html WYSIWYG 编辑器的内容

react-draft-wysiwyg富文本编辑器使用心得

无法通过Magento Cms wysiwyg编辑器添加图像