IE6 지원 wysiwyg 편집기

Supported Editors Matrix | Drupal 7 guide on Drupal.org

2 큰 편집기
CKEditor3

CKeditor는 FCKeditor의 후계자다.

삼계: IE 6 지원

4.1.3: IE7의 최종 버전 지원

4 계: IE 8 지원4.14.0은 최신(2020년 6월 9일 기준)

5 계: IE 비호환성(11도)

https://docs-old.ckeditor.com/ckeditor_api/symbols/CKEDITOR.config.html

git clone https://github.com/dehy/ckeditor3
cd ckeditor3/
php -S 0.0.0.0:8000

http://localhost:8000/_samples/

<script type="text/javascript" src="ckeditor.js"></script>

<textarea cols="80" id="editor1" name="editor1" rows="10">
    <div id="editor2">aaa</div>
</textarea>

<script> 
// 非表示にしたいボタンを列挙
CKEDITOR.config.removePlugins = 'newpage,flash,save,templates';
// Enterキーで<br /> (デフォルトは<p></p>)
CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR;

// Editor表示
CKEDITOR.replace('editor1', {
    height: 500
});
</script>

// editor1 の値を取得する方法 (公式)
var src = CKEDITOR.instances.editor1.getData();

// iframe の中身を取得する方法
var iframe = document.getElementById('cke_editor1').getElementsByTagName('iframe')[0];
var src = iframe.contentWindow.document.body.innerHTML;

ckeditor 4(IE9 이후)

Builder | CKEditor.com

build-config.js

주의점

CKeditor 3에는 문제가 없지만 CKeditor 4에는 입력할 수 있는 탭의 제한이 있습니다.

모든 태그 허용하기

CKEDITOR.config.allowedContent = true;

일본어화된 UTF-8 SJIS화

sjis화

nkf -s --overwrite `find | grep ja.js`

TinyMCE v3
나는 소스 코드 편집 팝업 디스플레이를 좀 좋아한다.

v3: IE 6 지원

https://www.tiny.cloud/docs-3x/

https://www.tiny.cloud/docs-3x/TinyMCE3x@Installation/

# version 3.4.8+dfsg0-2 が入った。
apt install -y tinymce

cp -a /usr/share/tinymce/www/ ~/Documents/
cd www
# 一部修正
sed -e 's@/tinymce/tiny_mce.js@tiny_mce.js@' example.html > index.html
python3 -m http.server

견본

<script language="javascript" type="text/javascript" src="tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
    mode : "textareas",
    // HTMLプレビューボタンも表示
    theme : "advanced",
    apply_source_formatting : false,
    theme_advanced_buttons3_add : "fullpage"
});
</script>

<body>
<h1>TinyMCE Debian Test</h1>

<form method="post">
    <textarea name="content" cols="50" rows="15">sample</textarea>
</form>

HTML 자동 성형 방지

TinyMCE | apply_source_formatting

tinyMCE.init({
    ...
    apply_source_formatting : false
});

Reference

이 문제에 관하여(IE6 지원 wysiwyg 편집기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tukiyo3/items/b98bc23f09ebcbc229d1

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

IE6 지원 wysiwyg 편집기

Reference

좋은 웹페이지 즐겨찾기