2014-10-18 3 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

+0

안녕하세요 @ st3fan JS 콘솔에 오류가 없습니다. – cphill

답변

0

대신 기본 하나의 인라인 편집기를 초기화하는됩니다 당신은 아무것도 볼 수없는 이유입니다 . $('#blog-editor').editable({inlineMode: false}).

+0

안녕하세요 @ st3fan, inlinemode가 false로 설정되어 있어도 내 콘솔에서 잘못된 스타일과 오류가 계속 표시됩니다. – cphill

관련 문제