Froala WYSIWYG编辑器没有出现在浏览器

我遇到了一个问题，我正在为Froala编辑器加载JS和CSS文件，但由于某种原因我相信某处是jQuery脚本，它并没有把我的形式并用正确的CSS样式替换它。Froala WYSIWYG编辑器没有出现在浏览器

这是我的看法（＃博客主编是我想使用编辑器）：

<html> 
<head> 
    <% include ../partials/head %> 
    <script src="/js/froala_editor.min.js"></script> 
</head> 

<body> 

    <header> 
     <% include ../partials/header %> 
    </header> 

    <div class="grid grid-pad"> 
     <div class="col-1-1"> 
      <h1>Blog Create</h1> 


      <form action="/admin/posts/create" method="POST"> 
       Title: <input type="text" name="title"><br> 
       Author: 
        <select name="author"> 
         <option value="Author">Connor Phillips</option> 
        </select><br> 
       Category: 
        <select name="category"> 
         <option value="Analytics/SEO/SEM">Analytics/SEO/SEM</option> 
         <option value="Advice">Advice</option> 
         <option value="Programming">Programming</option> 
         <option value="Thoughts">Thoughts</option> 
        </select><br> 
       Tagline: <input type="text" maxlength="160" name="tagline"><br> 
       Content:<br> 
       <textarea name="content" id="blog-editor" rows="10" cols="80"> 

       </textarea><br> 
       Tags: <input type="text" name="tags"><br> 
       <input type="submit" value="Submit"> 
      </form> 
     </div> 
    </div> 

    <script> 
    $(function() { 
     $('#blog-editor').editable() 
    }); 
</script> 

    <footer> 
     <% include ../partials/footer %> 
    </footer> 

</body> 
</html>

来源

2014-10-18 cphill

你应该检查你在JS控制台得到什么错误并从那里开始。 – st3fan 2014-10-19 16:09:02

嘿@st3fan在JS控制台中没有错误。 – cphill 2014-10-22 01:23:26

您初始化行内编辑器，而不是基本的一个，这就是为什么你没有看到什么。你应该使用$('#blog-editor').editable({inlineMode: false}).

来源

2014-10-22 20:49:03 st3fan

hey @ st3fan，即使将inlinemode设置为false，我仍然会在控制台中看到不正确的样式和错误。 – cphill 2014-11-28 18:43:05

Froala WYSIWYG编辑器没有出现在浏览器

回答

相关问题