tinyMCE는 페이지로드시 초기화 될 경우에만 대화 상자에 표시됩니다.

Question

많은 AJAX 요청을 사용하는 응용 프로그램을 만들었습니다. 그것은 제품의 테이블을 표시하고 거기에서 대화 상자 (box1)를 여는 제품의 이름을 클릭 할 수 있습니다. box1에는 클릭 할 수있는 링크 목록이 있습니다. 클릭하면 대화 상자 (상자 2)가 열립니다.

상자 2에는 tinyMCE로 초기화되는 텍스트 영역이 있습니다. 어떤 이유에서, tinyMCE 편집기로 텍스트 영역을 초기화하는 것이 효과가 없었습니다. 그래서 별도의 텍스트 영역을 만들었고 페이지로드시 tinyMCE로 초기화되었습니다. 독립 실행 형 div에서 제대로 작동했습니다. 그래서 상자 2 내의 텍스트 영역으로 이동했습니다. 놀랍게도, 작은 MCE로 초기화되었습니다. 그래서, 나는 단순히 그 독립 실행 형 div를 설정하여 none을 표시합니다. 그게 무슨 말이야?

당분간 나는이 방법으로 작동하기 때문에 그대로 두겠습니다. 그러나, 나는 그것이 올바른 방법임을 의심 할 여지가 있습니다. 다른 누구도 비슷한 것을 경험 한 적이 있습니까?

일부 코드를 게시해야하는지 알려주세요.

감사합니다.

편집 : 요청에 따라 여기에 몇 가지 코드가 있습니다. initTinyMCE 함수는 고전적인 ASP 파일에서 오랜 시간 전에 다른 사람이 작성한 것입니다. 내 직업은 aspx 파일로 변환하는 것입니다.

백엔드 파일 텍스트 영역을 생성하고 initTinyMCE() 자바 스크립트 함수를 호출 ...

htmlString.Append("<p><span class=\"regTextBld\"><strong>Scenario Text</strong></span>"); 
      htmlString.Append("<script type=\"text/javascript\">initTinyMCE();</script>"); 
      htmlString.Append("<textarea class=\"TinyMCEeditor\" name=\"txtEntry\" id=\"txtEntry\" style=\"height:400px; width: 99%;\">" + reader["assumptions"] + "</textarea></p>"); 

그리고 여기 initTinyMCE 기능은 ...

function initTinyMCE() { 
     //alert("x"); 
     initPlugins(); 
     tinyMCE.init({ 
      mode: "specific_textareas", 
      editor_selector: "TinyMCEeditor", 
      theme: "advanced", 
      //plugins : "economy,safari,style,table,advhr,advimage,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,visualchars,nonbreaking,template", 
      plugins: "economy,safari,style,table,inlinepopups,searchreplace,print,contextmenu,paste,fullscreen,visualchars,medclink", 
      theme_advanced_buttons1: "cut,copy,paste,pastetext,replace,print,|,undo,redo,|,rspell,|,link,unlink,|,hr,image,table,|,code", 
      theme_advanced_buttons2: "bold,italic,underline,removeformat,|,numlist, bullist,outdent,indent,|,justifyleft,justifycenter,justifyright,justifyfull,|,nonbreaking,charmap", 
      theme_advanced_buttons3: "", 
      theme_advanced_toolbar_location: "top", 
      theme_advanced_toolbar_align: "left", 
      content_css: "/style/intranet.css?" + new Date().getTime(), 
      paste_preprocess: function(pl, o) { 
       o.content = o.content.replace(/\u2019/gi, "'"); // ’ 
       o.content = o.content.replace(/\u201C/gi, "\""); // “ 
       o.content = o.content.replace(/\u201D/gi, "\""); // †
      }, 
      cleanup: false, 
      encoding: "html", 
      entity_encoding: "named", 
      verify_html: true 
     }); 
    } 

Answer 1

것은 내가 JQuery와 TinyMCE에

을 사용하고 있습니다

$('#textareaid').tinymce().show(); 

텍스트 영역을 클릭하면 주석을 활성화 할 때이 코드를 사용하십시오.