Đường dẫn TinyMCE, Cách chỉ định vị trí tải những thứ như editor_plugin.js

Question

Tôi đã cài đặt TinyMCE, mọi thứ đều hoạt động tốt. sau đó tôi sử dụng Google Đóng gói JavaScript của trang web cùng với TinyMCE_src

Vấn đề tôi đang gặp là TinyMCE hiện đang thực hiện cuộc gọi đến:

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

Và rằng con đường đang được sử dụng là không hợp lệ, họ 404'ing

Tôi làm cách nào để biết TinyMCE đi đâu để nhận các tệp này?

tôi đã cố gắng:

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

Nhưng họ không có ảnh hưởng đến các tập tin trên.

Khuyên? Cảm ơn

Answer 1

Nếu bạn đang sử dụng plugin TinyMCE jQuery, bạn có thể tải mọi thứ từ một vị trí từ xa, chỉ cần thêm thông số script_url vào mã init của bạn. Nó sẽ tải mọi thứ từ đó, bao gồm mọi tập lệnh/hình ảnh/v.v.

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

Check-out fiddle này, nó bao gồm toàn bộ điều khiển từ xa từ trang web của TinyMCE: http://jsfiddle.net/xgPzS/22/

Answer 2

Bạn có thể ghi đè lên địa chỉ cơ sở cho TinyMCE bằng cách đặt đoạn mã sau trước khi khởi TinyMCE.

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

Điều này hữu ích nếu bạn đã tải tinyMCE từ nguồn được hợp nhất và đường cơ sở không được tìm thấy chính xác.

Answer 3

tôi đã cùng một vấn đề, và nó có thể được giải quyết dễ dàng nếu chúng ta đã có thể xác định url cơ sở sử dụng document_base_url.

Ngoài ra, tôi có thể chỉ định url cơ sở trước khi khởi tạo tinymce.

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

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

TinyMCE hiện đang hoạt động tốt.

Answer 4

Theo này: 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("\/\/", "\/"), 
    ... 

Nhưng, cần phải cẩn thận với những con đường. Với sự giúp đỡ document.location.pathname Tôi đã có thư mục gốc của dự án. Thay thế hàm cần thay thế dấu gạch chéo kép bằng dấu gạch chéo đơn, vì máy chủ khác nhau có thể trả về "... // máy chủ/trang web" HOẶC "... // máy chủ/trang web /" và có thể là: "... // máy chủ/trang web/js ... "OR" ... // server/site // js ... ".

Answer 5

Theo tài liệu TinyMCE 4.x bạn có thể chỉ định url cơ sở tài liệu trong init.

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

nếu bạn đang sử dụng CodeIgniter, chỉ cần sử dụng base_url()

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

Hãy nhớ rằng: relative_url phải đúng để làm việc đó một cách hoàn hảo nếu không bạn sẽ nhận được URL tuyệt đối.

Để biết thêm chi tiết: http://www.tinymce.com/wiki.php/Configuration:document_base_url

Answer 6

Bundle mọi việc bằng grunt (hướng dẫn trên github) sau đó bạn sẽ chỉ phải cấu hình từ đâu để tải tất cả các css sử dụng tùy chọn skin_url

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