0
html 내에 삽입 된 스타일을 통해 tinymce 편집기를 수정하고 싶습니다. 분리 .css 파일을 사용하고 싶지 않습니다. 에디터의 설정에 접근 할 수 없다. no tinmce.init(). 이상하게도 스타일로 tinymce 편집기에 액세스 할 수 없습니다.TinyMCE 편집기가 삽입 된 페이지에서 내부 스타일 시트를 사용하는 방법?
<!DOCTYPE html>
<html>
<head>
<script src='https://cloud.tinymce.com/stable/tinymce.min.js'></script>
<style>
body#tinymce.mce-content-body {
background-color:red !important;
}
</style>
<script>
tinymce.init({
selector: '#mytextarea'
});
</script>
</head>
<body>
<h1>TinyMCE Quick Start Guide</h1>
<form method="post">
<textarea id="mytextarea">Hello, World!</textarea>
</form>
</body>
</html>
아이디어가 있으십니까?
감사합니다.하지만 구성에 대한 액세스 권한이 편집기에 없습니다. 편집기는 라이브러리에 의해 자동으로 html 내에 작성됩니다. 편집기 내에서 html 내의 태그처럼 상상해보십시오. 따라서 에디터의 스타일을 지정하는 유일한 방법은 에디터의 HTML 안에 스타일 태그를 넣는 것입니다. – n01dea
편집기에 삽입 한 머리글에 항상 스타일을 삽입 할 수 있습니다. 이 피들보기 : http://fiddle.tinymce.com/DQfaab 전체 HTML 문서를 저장하지 않으면 CSS가 콘텐츠와 함께 저장되지 않습니다. 나중에 편집기 외부에서 렌더링 할 때 비슷한 CSS/스타일을 컨텐트에서 사용할 수 있어야합니다. –
죄송합니다, 그것은 나를 위해 작동하지 않습니다. TinyMCE 바디가 타겟으로되어 있고 TinyMCE가 생성 된 .html 내에 과 함께 백그라운드 컬러가 빨간색으로 변경되는 예제를 제공해 주시겠습니까? 매우 감사하겠습니다. – n01dea