TinyMCE에서 번들링을 사용하려면 어떻게해야합니까?

Question

축소 된 TinyMCE 번들을 렌더링하려고하면 Internet Explorer가 적합합니다. 그래서, 축약을 피하는 번들을 만들기 위해, 내 BundleConfig에서 "일반"또는 "기본"번들을 설정하는 these instructions을 따라 :

bundles.Add(new Bundle("~/Scripts/tinymce") 
       .Include("~/Scripts/tinymce/tinymce.min.js", 
          "~/Scripts/tinymce/jquery.tinymce.min.js")); 

어떻게 페이지에 렌더링합니까? 이것은 적어도 태그 렌더링

@Bundles.Render("~/Scripts/tinymce") 
@Bundle.Render("~/Scripts/tinymce") 
@Bundle("~/Scripts/tinymce") 

: 다음 중 어느 것도 제대로 작동하지

@Scripts.Render("~/Scripts/tinymce") 

을하지만이 파일을로드하려고 할 때 403 오류가 발생합니다 :

"NetworkError: 403 Forbidden - http://localhost:1062/Scripts/tinymce/?v=MTojK5ORvAZmonNqNGJ3aWhOYyor-Fa8dZHTqfSOlUM1" 

Answer 1

을 번들 이름을 디스크상의 기존 위치가 아닌 다른 것으로 변경하십시오.

예 : Bundle("~/Scripts/tinymce") to Bundle("~/js/tinymce")

Answer 2

의견에서 지적한대로 this question은 문제의 일부를 다룹니다. 때문에 내가해야하는 방법 TinyMCE에 동적 의존성 (플러그인과 테마 파일)로드에, 그러나

bundles.Add(new Bundle("~/js/tinymce") 
       .Include("~/Scripts/tinymce/tinymce.min.js", 
          "~/Scripts/tinymce/jquery.tinymce.min.js")); 

: 당신이 당신의 번들도 기존 디렉토리의 이름 인 이름을 부여 할 수 없기 때문에, 나는 그것을 이름 이 모든뿐만 아니라 번들에 포함되어 있는지 확인하십시오

bundles.Add(new Bundle("~/js/tinymce") 
       .Include("~/Scripts/tinymce/tinymce.min.js", 
          "~/Scripts/tinymce/jquery.tinymce.min.js", 
          "~/Scripts/tinymce/plugins/autoresize/plugin.min.js", 
          "~/Scripts/tinymce/plugins/charmap/plugin.min.js", 
          "~/Scripts/tinymce/plugins/code/plugin.min.js", 
          "~/Scripts/tinymce/plugins/image/plugin.min.js", 
          "~/Scripts/tinymce/plugins/table/plugin.min.js", 
          "~/Scripts/tinymce/plugins/textcolor/plugin.min.js", 
          "~/Scripts/tinymce/themes/modern/theme.min.js")); 

이 내가 새로운 플러그인을 원한다면 대신 간단한 스크립트 업데이트의 빈 파일의 코드 변경 및 재배치를 요구 것을 의미한다. 그러나이 응용 프로그램에 대한 요구 사항은 변경되지 않았으므로 곧 (곧 내부 응용 프로그램이기도합니다.) 실제로는 문제가되지 않습니다.

마지막으로 TinyMCE는 스킨 파일 (CSS, 이미지 및 글꼴)도 동적으로로드합니다.

$('.tinymce').tinymce({ 
    skin_url: '/Scripts/tinymce/skins/lightgray', 
    // other stuff... 
}); 

나는 테마 파일의 번들 만드는 시도 :

bundles.Add(new Bundle("~/css/tinymce") 
       .Include("~/Scripts/tinymce/skins/lightgray/*.css")); 

을 그리고처럼 내 구성을 변경 :

$('.tinymce').tinymce({ 
    skin_url: '/css/tinymce', 
    // blah blah blah... 
}); 

나는 피부 디렉토리를 지정 TinyMCE에 구성을 변경하여이 문제를 해결할 수 있습니다

그러나 TinyMCE가 개별 파일을 찾았 기 때문에이 방법이 작동하지 않았습니다. skin.min.css 및 content.min.css에 404 오류가 발생했습니다.

이제 TinyMCE 파일 중 일부는 번들로 제공되지만 전부는 아닙니다. 이것은 적어도 이전에 가지고있는 것보다 낫습니다 (모든 단일 파일에 대해 별도의 HTTP 요청).