CLEditor 설정, 사용자 정의

차리다

Table Plug-in Version 1.0.4를 미리 다운로드합니다

완성물

출처
index.html

<html>
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="jquery.cleditor.css" />
    <script src="jquery.min.js"></script>
    <script src="jquery.cleditor.min.js"></script>
    <script src="jquery.cleditor.table.min.js"></script>
    <script>
$(document).ready(function () {

//ツールバー日本語化
$.cleditor.buttons.source.title = 'ソース表示';
$.cleditor.buttons.bold.title = '太字';
$.cleditor.buttons.italic.title = '斜体';
$.cleditor.buttons.underline.title = '下線';
$.cleditor.buttons.size.title = 'フォントサイズ';
$.cleditor.buttons.color.title = 'フォント色';
$.cleditor.buttons.rule.title = '水平線(hrタグ)';
$.cleditor.buttons.image.title = '画像urlの挿入(imgタグ)';
$.cleditor.buttons.highlight.title = 'ハイライト';
$.cleditor.buttons.removeformat.title = '書式の削除';
$.cleditor.buttons.source.title = 'ソースの確認';
$.cleditor.buttons.link.title = 'リンク(aタグ)';
$.cleditor.buttons.unlink.title = 'リンク削除(aタグ)';
$.cleditor.buttons.table.title = 'テーブル挿入(tableタグ)';

//テーブルの画像PATH修正
$.cleditor.buttons.table.image = "../images/table.gif";
//テーブルのボタン押した時の表示日本語化
$.cleditor.buttons.table.popupContent = "" +
    '横:<input type="text" value="7" maxlength="1" style="width:20px">' +
    '縦:<input type="text" value="3" maxlength="1" style="width:20px">' +
    '<br /><input type="button" value="決定">',

$("#input").cleditor({
        width: 300, //入力枠の横幅
        height: 550, //入力枠の縦幅
        sizes: "4,5,6,7", //文字サイズ。4が標準、なのか
        // 文字色を<span style="">で指定するのではなく、<font color="">で指定
        useCSS: false,
        // ツールバーで使いたい機能一覧を指定
        controls: "source | bold italic underline | " +
        "size color highlight removeformat " +
        "alignleft center alignright | " +
        "undo redo | rule image link unlink | table",
        bodyStyle:"" //文字サイズが小さかったので初期化
});
});
    </script>
</head>
<body>
    <textarea id="input" name="input"></textarea>
</body>
</html>

Reference

이 문제에 관하여(CLEditor 설정, 사용자 정의), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tukiyo3/items/b53b26b347adfdbf47f0

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

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

CLEditor 설정, 사용자 정의

Reference

좋은 웹페이지 즐겨찾기