사용자가 페이지 편집 화면에서 wp_editor의 배경색을 동적으로 설정할 수 있기를 바랍니다.WordPress : 관리자 wp_editor 배경색을 변경 하시겠습니까?
예를 들어 아이리스 색상 선택기를 사용하여 사용자가 페이지의 배경색을 설정할 수있게했습니다.
나는이 색상을 편집중인 비주얼 편집기에 적용하여 모양이 어떻게 보이는지보고 싶습니다. 그것은 작동하지 않았다
tinyMCE.init({
selector: 'textarea',
content_style: "div { background-color: #000000; }",
});
: 테스트로
, 나는 호출하여 편집기의 배경 색상을 수정했습니다.content_style 설정은 TinyMCE에서 HTML 문서의 "본문"안에있는 요소에서 작동합니다. 실제로 수행하려는 것은 <body>의 배경을 다른 색으로 만듭니다.
content_css 설정에서 표정이 작업을 수행하려면 : 이것은 당신이 TinyMCE에 내부 사용을 위해 외부 CSS 파일을로드 할 수 있습니다
tinymce.init({
selector: 'textarea',
...
content_css : "CSS/content.css"
});
.
body {
.
.
background-color: gray;
}
content_css을 사용하는 경우 모든 CSS를 외부 CSS 파일에 넣을 수 있으므로 실제로는 content_style이 필요하지 않습니다.
편집 :
tinymce.init({
selector: 'textarea',
setup: function (editor) {
editor.on('init', function() {
editor.getBody().style.backgroundColor = "#FFFF66";
});
...
})
...이 결과 :
작동하지 않습니다
content_css 경우, CSS를의 onInit 이벤트를 사용하여 시도하고 업데이트 할 수 있습니다
(참고로 콘솔을 통해 추가했음을 나타냅니다.)
구성 객체에 해당 색상을 전달하는 방법이 필요합니다 (JS 변수가 작동 함)하지만 이렇게해야 작업이 완료됩니다.
내가 할하는 데 필요한 모든이 있었다 밝혀 : 내가 사용
tinyMCE.get(0).getBody().style.backgroundColor = color;
워드 프레스 '내장 Iris Color Picker. 전체 통화는 다음과 같습니다.
$('.colorpicker').iris({
change: function(event,ui){
tinyMCE.get(0).getBody().style.backgroundColor = ui.color.toString();
}
});
배경색은 동적이어야하므로 사전 정의 된 스타일 시트를 사용하지 않아도됩니다. 사용자가 색상 선택 도구에서 선택하기 때문에 배경은 원하는 수의 색상이어야합니다. – HWD
@HWD - 내 편집을 참조하십시오. 아마도 유스 케이스에서 작동할까요? –
이것은 기본 텍스트 영역이 아니라 발췌 텍스트 영역의 배경색을 변경하는 것으로 보입니다. 대신 어떻게 타겟팅합니까? – HWD