引用調用 · Froala HTML Editor 參考手冊

下載下來后解壓到web靜態文件目錄下 html中引入相關css與js ~~~  <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">  <link rel="stylesheet" type="text/css" href="static/wysiwyg-editor/css/froala_editor.pkgd.min.css"/>  <script src="static/wysiwyg-editor/js/froala_editor.pkgd.min.js"></script> ~~~ 以上三條是必須引入的否則會出現問題. 初始化編輯器 ~~~ <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Hello</title> <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="static/wysiwyg-editor/css/froala_editor.pkgd.min.css"/>  </head> <body> <textarea id="edit" name="content" style="width: 100%;"></textarea> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script src="static/wysiwyg-editor/js/froala_editor.pkgd.min.js"></script> <script> $("#edit").froalaEditor(); </script> </body> </html> ~~~ ![](https://box.kancloud.cn/134a0a19eea2ab7f0b566db47441fa8a_1067x393.png)