jQuery AJAX 요청에서 nicEdit 동작이 반환 될 때

nicEdit을 사용하여 서식있는 텍스트를 텍스트 영역에 추가하고 있습니다. Codeigniter MVC 프레임 워크와 jQuery를 사용하여 간단한 AJAX 호출을 만들어 새 텍스트 영역을 만든 다음 AJAX 호출에서 반환 된이 새로운 텍스트 영역에 nicEdit을 적용합니다. 예상대로 모든 작업 및 다음 코드를 사용하여 예상대로 nicEdit는 인스턴스화 다음과 같이 새로운 텍스트 영역을 반환하는 함수를jQuery AJAX 요청에서 nicEdit 동작이 반환 될 때

<html> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
<script type="text/javascript" src="<? echo base_url();?>assets/js/nicEdit.js"></script> 

<body> 
<div id="area1"></div> 
<input id="submit" type="submit" value="submit" /> 

<script> 
$(document).ready(function() { 

    $('#submit').click(function(){ 
     $.ajax 
     ({ 
      type: "POST", 
      url: "test/ajax", 
      success: function(html) 
      { 
       $('#area1').html(html); 
       new nicEditor().panelInstance('newArea'); 
      } 
     }); 
    }); 
}); 
</script> 

</body> 
</html>

테스트/아약스 컨트롤러가 제출 버튼을 클릭 이벤트에서 호출되는입니다 :

function ajax() 
    { 
     echo "<textarea id='newArea'></textarea>"; 
    }

내 주요 응용 프로그램에서 개념적으로 AJAX 호출에서 새로운 텍스트 영역을 반환 한 다음 AJAX 성공 함수에서이 새로운 영역을 인스턴스화하는 것과 같은 개념을 수행하고 있습니다. 내가 겪고있는 문제는 nicEdit가 AJAX 호출에서이 새로운 텍스트 영역으로 연결되지만 nicEdit 아이콘이 나타나지 않는다는 것입니다. 글꼴 형식, 글꼴 모음 및 글꼴 크기 속성이 표시되고 작동하지만 다른 아이콘 (굵게, 기울임 꼴, 밑줄 등)은 표시되지 않습니다.

제안 사항에 감사드립니다.

출처

2011-08-14 Gunnar

아이콘 파일의 위치를 명시해야한다고 생각합니다. nicEditor 객체를 인스턴스화 할 때 구성 사전을 전달하여이 작업을 수행 할 수 있습니다. NicEdit Configuration Options

출처

2011-08-15 01:15:20

정말 정확합니다. 내가해야만하는 일은 iconsPath에 위치를 전달하는 것뿐입니다. 모든 것이 예상대로 작동합니다. 이상하게도 프로토 타입에서 그렇게 할 필요는 없지만 배웠던 교훈! 다시 한 번 감사드립니다! \t 새 nicEditor (fullPanel : true, 아이콘 경로 : baseurl + 'assets/images/nicEditorIcons.gif', maxHeight : 200}). panelInstance ('newArea'); – Gunnar

jQuery AJAX 요청에서 nicEdit 동작이 반환 될 때

답변

관련 문제