2012年2月1日 | 増子良太のブログです
こんばんわ！rmascoです。 最近寒くて朝起きるのが辛いな〜と思い、 エアコンを起きる1時間前に電源が入るようセットしたら、 暖かくて2度寝しましたｱﾜ((ﾟﾟддﾟﾟ ))ﾜﾜ!! ckeditorカスタマイズ方法(その1)の概要 さて、今回からwysiwygエディターであるckeditorのtips紹介をしたいと思います。 wysiwygってなんぞや？という説明は他のサイトに任せるとして、 ここではckeditorのカスタマイズについて書いていきたいと思います。 ckeditorの詳しいカスタマイズ方法って、なかなかないんですよね。 ボタンの表示非表示だったりはいろんな記事が紹介しているんですが、 このイベントをフックするとか、モードが切り替えられたらとか、 少し突っ込もうとすると、情報がほとんど見つからない状態です。 私はカスタマイズする必要が出て、やっておりますが、 これをせっか
CKEditorとKCFinderの最新版がうまく動かないと聞いたので検証 | Binbo-Special – WEB制作や運営に関する楽屋話 -
Cat / Moyan_Brenn 猫が恋しい季節になって参りました。みなさんいかがお過ごしですか？ 以前書いた記事：CKEditor + CKFinderのかわりにKCFinder メモ にて、2011.11.22時点で最新版のKCFinder2.51だと上手く動かない的な報告を頂いたので、念の為検証しました。 検証結果を一応記しておきます。 CKEditor3.6.2導入 CKEditorの最新版はこちらの公式サイトから。 2011.12.02時点では、3.6.2が最新なので、これを使用。 適当な所に配置。今回は、 /sample/20111202/ckeditor/ 以下に放り込んでおきました。 KCFinder2.51導入 KCFinderの最新版はこちらの公式サイトから。 2011.12.02時点では、報告を頂いた2011.11.22時点と同様、2.51が最新。 適当な所に
2012年3月19日 | 増子良太のブログです
おはようございます！rmascoです。 ckeditorって何がすごいの？って聞かれて、 私が一番最初にあげたいのがカスタマイズのしやすさでしょう。 しかもカスタマイズといっても、プログラムをいじるなど難しい知識がいるものではなく、 configファイルで設定を変更するだけである程度のことはできてしまうことにあります。 そこで、本日からはckeditorの設定について解説していきたいと思います。 本家のサイトは英語のため、一部おかしいところなどあるかもしれませんが、 その際には指摘していただけると助かります。 まず、ckeditorのconfigAPIを見てみましょう CKEDITOR.config 嫌になるくらいありますね。。。 私が以前使用したことあるものをご紹介していきたいと思います。 数が多いため、とりあえず10この設定をご紹介したいと思います。 baseHref コンテンツ内の基
CKEditorで編集エリアに複数の外部CSSを指定する方法 – あきら×ひろこ＝ゆう
CKEditorの調査を始めました。 まだ細かい点で粗さがあるようですが、コードは最近のJavaScript風になっていて少し読みやすくなったようです。 調査の途中で以下のページを参考にさせてもらいました。 CKEditorで複数のCSSを読み込む方法 これは出来ないと困りますので、仕様変更用のプラグインを作成しました。 debug_css.zip 1. 展開したフォルダ debug_css を ckeditor/plugins/ にコピー 2. 設定 extraPlugins に ‘debug_css’ を追加 CKEDITOR.replace( 'textarea1', { contentsCss: 'css/common.css,css/local.css', // カンマ区切りで指定 extraPlugins: 'debug_css' // プラグインを追加 } ) ; 本当は本体
俺にとってイけてるckeditorの設定 - ku ryze denik ●〜*
俺にとってイけてるckeditorの設定。 俺の ckeditor/config.js 設定例 多すぎるツールボタンを削った 日本語設定 フォント追加 language変更 改行コードはBRがいい CKEDITOR.editorConfig = function( config ) { // Define changes to default configuration here. For example: config.language = 'ja'; // config.uiColor = '#AADC6E'; CKEDITOR.config.toolbar = [ // ['Source','-','Save','NewPage','Preview','-','Templates'], ['Source','-','Preview','-','ShowBlocks','-','Tem
CKEditor Documentation Website
CKEditor Ecosystem Documentation Samples, tutorials, developer guides, functionality overview, deep dive into the architecture, API reference. CKEditor 5 A powerful WYSIWYG framework delivering a fully customizable editing experience. Getting startedChoose the right rich-text editor for your needs, install it, and configure it properly. FeaturesGet to know features for creating rich content, editi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ckeditor 採用 - Google 検索