programing tip

TinyMCE 경로, editor_plugin.js와 같은 것을로드 할 위치를 지정하는 방법

itbloger 2021. 1. 11. 07:44
반응형

TinyMCE 경로, editor_plugin.js와 같은 것을로드 할 위치를 지정하는 방법


TinyMCE를 설치했는데 모든 것이 잘 작동했습니다. 그런 다음 Google Closure를 사용하여 TinyMCE_src와 함께 내 사이트의 JavaScript를 패키징했습니다.

내가 가진 문제는 TinyMCE가 이제 다음을 호출한다는 것입니다.

plugins/paste/editor_plugin.js
themes/advanced/editor_template.js
langs/en.js

그리고 사용중인 경로는 유효하지 않습니다.

TinyMCE에이 파일을 어디서 구할 수 있는지 어떻게 알 수 있습니까?

나는 시도했다 :

relative_urls : false,
document_base_url : "http://www.site.com/path1/",

그러나 위의 파일에는 영향을 미치지 않습니다.

권하다? 감사


저도 같은 문제가 있고, 우리가 지정할 수 있다면 쉽게 해결 될 수 있었다 URL 기반을 사용 document_base_url을 .

또는 tinymce를 초기화하기 전에 기본 URL을 지정할 수있었습니다.

tinyMCE.baseURL = "URL_TO/tinymce/jscripts/tiny_mce/";// trailing slash important

tinyMCE.init({
        mode : "textareas",
        theme : "simple"
});

TinyMCE는 이제 잘 작동합니다.


tinyMCE를 초기화하기 전에 다음 코드를 배치하여 tinyMCE의 기본 URL을 재정의 할 수 있습니다.

var tinyMCEPreInit = {
    suffix: '',
    base: '/tinymce/',
    query: ''
};

병합 된 소스에서 이미 tinyMCE를로드했고 기본 경로를 올바르게 찾을 수없는 경우 유용합니다.


이에 따르면 : http://www.tinymce.com/wiki.php/Configuration:theme_url

tinymce.init({
   ...
   theme_url: (document.location.pathname + '/js/tinymce/themes/modern/theme.js').replace("\/\/", "\/"),
   skin_url:  (document.location.pathname + '/js/tinymce/skins/lightgray/').replace("\/\/", "\/"),
   ...

그러나 경로에주의해야합니다. 도움으로 document.location.pathname프로젝트 루트 디렉토리가 있습니다. 다른 서버가 "... // server / site"OR "... // server / site /"를 반환 할 수 있고 "... // server"일 수 있으므로 이중 슬래시를 단일 슬래시로 바꾸는 함수 필요를 바꿉니다. / site / js ... "또는"... // server / site // js ... ".


TinyMCE jQuery 플러그인을 사용하는 경우 원격 위치에서 모든 것을로드 할 수 있습니다. scripturl매개 변수를 초기화 코드에 추가하기 만하면 됩니다. 스크립트 / 이미지 / 등을 포함하여 거기에서 모든 것을로드합니다.

$('textarea').tinymce({
    scripturl: 'http://tinymce.moxiecode.com/js/tinymce/jscripts/tiny_mce/tiny_mce.js'
});

이 바이올린을 확인하십시오. TinyMCE 웹 사이트에서 원격으로 모든 것을 포함하고 있습니다 : http://jsfiddle.net/xgPzS/22/


TinyMCE 4.x 문서에 따라 초기화 중에 문서 기반 URL을 지정할 수 있습니다.

tinymce.init({
        document_base_url: "http://www.example.com/path1/"
});

CodeIgniter를 사용하는 경우 base_url()

tinymce.init({
        document_base_url: "<?php echo base_url() ?>"
});

기억하십시오 : 완벽하게 작동하려면 truerelative_url 여야합니다 . 그렇지 않으면 절대 URL을 얻게됩니다.

자세한 내용 : http://www.tinymce.com/wiki.php/Configuration:document_base_url


grunt ( github 지침 )를 사용하여 모든 것을 번들로 묶은 다음 옵션을 사용하여 모든 CSS를로드 할 위치를 구성해야합니다.skin_url

tinymce.init({skin_url: window.location.origin + '/css/tinymce'})

참조 URL : https://stackoverflow.com/questions/4412589/tinymce-paths-how-to-specify-where-to-load-things-like-editor-plugin-js

반응형