Chrome에서 nicEdit가 올바르게 작동하지 않습니다.

Question

수백 바이트가 들어있는 다른 모든 것들과 달리 매우 가볍기 때문에 nicedit를 통합했습니다.

그러나 Chrome에서는 문제가 발생합니다. 예를 들어 텍스트를 텍스트 영역에 저장하거나 내용을 굵게 표시하지 않습니다. 문제는 this website에서 확인하거나 아래 코드를 참조하십시오. 응답자 한 명과 마찬가지로 해킹을 제공하지 마십시오. 아무 도움이되지 않기 때문입니다.

디버깅을 위해 편집기를 비활성화했습니다. 새로운 nicEditor()를 통해 콘솔에서 활성화 할 수 있습니다. panelInstance ('comment');

<div class="rdd blog-item"> 
    <h1><a id="blog-item-title" href="/b/asdfssadfadf">this ia test</a></h1> 
    <div class="blog-date"> 
     Date posted: 2013-03-01 
    </div> 
    <div class="blog-message"> 
     <p> 
      asdfasdfas 
     </p> 
    </div> 
    <div class="blog-keywords"> 
     Keywords: <a href="/k/dfsa sadfasd adfasf adfas">dfsa sadfasd adfasf adfas</a> 
     - <a href="/k/jlk">jlk</a> 
    </div> 
    <h4>0 Comments</h4> 
    <div class="blog-comment blog-new-comment"> 
     <form id="new_comment" name="new_comment"> 
      <div class="blog-comment-row"> 
       <h4></h4> 
       <h4>Would you like to place a comment?</h4> 
      </div> 
      <div class="blog-comment-row"> 
       <label for="comment">Comment</label> 
       <textarea name="comment" id="comment"></textarea> 
      </div> 
      <div class="blog-comment-row"> 
       <label for="name">Name</label> 
       <input type="text" name="name" id="name" value="" title="Enter your name"> 
      </div> 
      <div class="blog-comment-row"> 
       <label for="email">Email</label> 
       <input type="text" name="email" id="email" value="" title="Enter your email"> 
      </div> 
      <div class="blog-comment-row"> 
       <div class="blog-comment-cell"> 
        &nbsp; 
       </div> 
       <div class="blog-comment-cell"> 
        <a class="blog-comment-submit blog-comment-button" href="">Submit</a><br/> 
        Your ip address is 220.245.93.218 
       </div> 
      </div> 
     </form> 
    </div> 
</div> 

Answer 1

굵은 글꼴 문제는 CSS 상속으로 인해 발생합니다. 귀하의 CSS 파일에서 rdd 블로그 항목 스팬 {}을 제거하면 효과가 있습니다. nicEdit은 내용을 텍스트 영역에 자동으로 저장하지 않습니다. 양식을 제출할 때 다음을 실행해야합니다. nicEditors.findEditor ('comment'). saveContent(); 그것을 저장하려면

Answer 2

편집기에서 bind events 수 있으며 그 이벤트가 발생하면 내용을 저장하십시오. official documentation 기반으로 jQuery를 무료 솔루션을 업데이트

var commentNicEditor = new nicEditor().panelInstance('comment'); 
commentNicEditor.addEvent("blur", function() { 

    commentNicEditor.instanceById('comment').saveContent(); 

}); 

: 나는 당신의 예제 페이지에이 코드를 실행하면

, 그것은 (서버가 픽업 비록 nicEditor HTML 태그하지 않습니다) 나를 위해 작동합니다.