2014-10-18 89 views
0

我遇到了一個問題,我正在爲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> 
+0

你應該檢查你在JS控制檯得到什麼錯誤並從那裏開始。 – st3fan 2014-10-19 16:09:02

+0

嘿@st3fan在JS控制檯中沒有錯誤。 – cphill 2014-10-22 01:23:26

回答

0

您初始化行內編輯器,而不是基本的一個,這就是爲什麼你沒有看到什麼。你應該使用$('#blog-editor').editable({inlineMode: false}).

+0

hey @ st3fan,即使將inlinemode設置爲false,我仍然會在控制檯中看到不正確的樣式和錯誤。 – cphill 2014-11-28 18:43:05