TinyMCE iframe無法通過JS文件選擇

Question

TinyMCE iframe無法通過JS文件進行選擇。

$(document).ready(function() {
    console.log("Connected!!");
    let iframe = document.getElementById("myTextarea_ifr");
    let body = iframe.contentWindow.document.querySelector("#tinymce");

    body.innerHTMl = localStorage["body111"] || '<p><strong>2</strong> PROGRAM CURRICULUM AND TEACHING ­ LEARNING PROCESSES (120) <br><strong>2.1</strong> Program Curriculum (20) <br><strong>2.1.1</strong> State the process used to identify extent of compliance of the University curriculum for attaining the Program Outcomes and Program Specific Outcomes as mentioned in AnnexureI. Also mention the identified curricular gaps, if any <br>Open Seperately (SARUGTireIITemplateRevisedQuestion.aspx?Appid=1660&amp;Progid=558&amp;QuestID=22) <br>(State the process details; also mention identified curricular gaps). <br><strong>Note</strong> : In case all POs are being demonstrably met through University Curriculum then 2.1.2 will not be applicable and the weightage of 2.1.1 will be 20.</p><p><br></p><p><img class="mce-pagebreak" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mce-resize="false" data-mce-placeholder=""></p><p><br></p><p><strong>2.1.2</strong> State the delivery details of the content beyond the syllabus for the attainment of POs and PSOs (10) Open Seperately (SARUGTireIITemplateRevisedQuestion.aspx?Appid=1660&amp;Progid=558&amp;QuestID=23) <br>(Provide details of the additional course/ learning material/ content/ laboratory experiments/ projects etc., arising from the gaps identified in 2.1.1 in a tabular form in the format given below) <br><strong>Note</strong> : Please mention in detail whether the Institution has given such inputs and suggestions to the Affiliating University regarding curricular gaps and possible addition of new content/ add­on courses in the curriculum, to bridge the gap and to better attain <br>program outcome(s).</p><p><br></p><p><img class="mce-pagebreak" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mce-resize="false" data-mce-placeholder=""></p><p><br></p><p><strong>2.2</strong> Teaching ­ Learning Processes (100) <br><strong>2.2.1</strong> Describe processes followed to improve quality of Teaching &amp; Learning (25) Open Seperately (SARUGTireIITemplateRevisedQuestion.aspx?Appid=1660&amp;Progid=558&amp;QuestID=24) <br>(Processes may include adherence to academic calendar and improving instruction methods using pedagogical initiatives such as real world examples, collaborative learning, quality of laboratory experience with regard to conducting experiments, recording <br>observations, analysis of data etc. encouraging bright students, assisting weak students etc. The implementation details and impact analysis need to be documented)</p><p><br></p><p><img class="mce-pagebreak" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mce-resize="false" data-mce-placeholder=""></p><p><br></p><p><strong>2.2.2</strong> Quality of internal semester Question papers, Assignments and Evaluation (20) Open Seperately (SARUGTireIITemplateRevisedQuestion.aspx?Appid=1660&amp;Progid=558&amp;QuestID=25) <br>(Mention the initiatives, implementation details and analysis of learning levels related to quality of semester question papers, assignments and evaluation)</p><p><br></p><p><img class="mce-pagebreak" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mce-resize="false" data-mce-placeholder=""></p><p><br></p><p><strong>2.2.3</strong> Quality of student projects (25) Open Seperately (SARUGTireIITemplateRevisedQuestion.aspx?Appid=1660&amp;Progid=558&amp;QuestID=26) <br>(Quality of the project is measured in terms of consideration to factors including, but not limited to, environment, safety, ethics, cost, type(application, product, research, review etc.) and standards. Processes related to project identification, allotment, <br>continuous monitoring, evaluation including demonstration of working prototypes and enhancing the relevance of projects. Mention Implementation details including details.</p><p><br></p><p><img class="mce-pagebreak" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mce-resize="false" data-mce-placeholder=""></p><p><br></p><p><strong>2.2.4</strong> Initiative related to industry interaction (15) Open Seperately (SARUGTireIITemplateRevisedQuestion.aspx?Appid=1660&amp;Progid=558&amp;QuestID=27) <br>(Give details of the industry involvement in the program such as industry­attached laboratories, partial delivery of appropriate courses by industry experts etc.&nbsp;</p><p><br></p><p><img class="mce-pagebreak" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-mce-resize="false" data-mce-placeholder=""></p><p><br></p><p><strong>2.2.5</strong> Initiative related to industry internship/summer training (15) Open Seperately (SARUGTireIITemplateRevisedQuestion.aspx?Appid=1660&amp;Progid=558&amp;QuestID=28) <br>(Mention the initiatives, implementation details and impact analysis)</p>'

    setInterval(function() {
        localStorage["body111"] = body.innerHTMl;
    }, 10);
});

在控制台中，當我運行iframe ，我不確定。 然后，當我運行時， let iframe = document.getElementById("myTextarea_ifr"); 在控制台， iframe被初始化與iframe對象。 我知道文件已連接，因為我確實收到了消息Connected!! 在控制台中，因為第一行console.log("Connected!!!"); 。 如何從文件中選擇iframe元素？

Answer 1

這里的問題是我在本地范圍內聲明了iframe和body 。 因此，當函數完全執行后，變量便消失了。 為了解決這個問題，我在函數外部聲明了變量。