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編輯器沒有出現在瀏覽器

回答

相關問題