強力にパワーアップした次期FCKEditor·CKEditor MOONGIFT
FCKEditorと言えば、Webベースで使えるWYSIWYGエディタとして有名なソフトウェアだ。しかし既に多数の機能が実装され、コアに手を入れて改造しようとはとても思えない代物になっている。 次期FCKEditor また、多機能ゆえに動作が重たいのが難点だった。そうした問題点を解決できそうなのが次期FCKEditorだ。 今回紹介するオープンソース・ソフトウェアはCKEditor、FCKEditor3.0以降のソフトウェアだ。 FCKEditorは3.0以降から名前が変わり、CKEditorとなる。それに伴って様々な機能拡張がなされている。大きな点として、スキン機能とともに枠の色替え機能が実装されたことだ。なお対応ブラウザはFirefox2以上、IE6以上、Opera9.5以上、Safari3以上となる。 APIによる独自拡張 Ajaxとの親和性も高まっており、ダブルクリックで編集モード
Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」:phpspot開発日誌
Bootstrap Magic : Generate your own bootstrap theme quickly and easily Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」 ベースカラーや、フォントサイズ等、かなり多岐に渡るBootstrapのカスタマイズをWEB上で簡単に実施して、そのままCSSに保存できます（Minify化もOK) Bootstrapベースサイトを作る場合は覚えておいて損はないですね。 関連エントリ BootstrapベースのフラットUI実装フレームワーク「Furatto」 Bootstrapのselectをカッコよくできる「Bootstrap-select」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Twitter BootStrap に追加できる５つのコンポーネントパック
人気のWYSIWYGエディタ - おおらかにいこう
WYSIWYGエディタとは、一種のHTMLエディタです。WYSIWYGエディタを使用すると、実際のページレイアウトと同じように表示され、ページを編集できます。ブログ書く人はわかると思うのですが、ブログ記事を書く画面によく使用されていますね。 WYSIWYGエディタは、いくつも開発されており、高機能すぎて少し重たかったりと贅沢な不満もあります。そこで今回は、人気のWYSIWYGエディタのご紹介です。 ・Redactor Redactorは、すっきりとした美しいデザインが特徴です。私は一番好きです。残念ながら有償なんですね。高機能で他のWYSIWYGエディタより美しいデザインなので有償なのも納得です。 Redactor ・CKEditor CKEditorは、高機能でカスタマイズが容易です。日本語に対応してくれていますので、ボタンの説明が日本語で表示されます。 CKEditor ・CLEdit
Bootstrapを使ったサイトに組み込みたいWYSIWYGエディタ·Bootstrap-wysihtml5 MOONGIFT
Bootstrap-wysihtml5はTwitter Bootstrapで使えるWYSIWYGエディタです。 最近よく目にするようになったTwitter Bootstrapを使ったWebサイト。そんなWebサイトでWYSIWYGエディタを使うならば導入したいのがBootstrap-wysihtml5です。 Bootstrapらしい、すっきりとしたUIです。 漢字を変換した後の動きがちょっと妙です。 テキストのヘッダー変換があります。 リストや装飾もあります。 Bootstrap-wysihtml5は現時点では日本語を入力する際の変換処理を行った後、表示がずれてしまうことがあります。しかしそれさえ修正すればBootstrapとマッチしたデザインで利用できる場面が多いのではないでしょうか。 Bootstrap-wysihtml5はHTML5/JavaScript製、GPLのオープンソース・ソ
大きなアイコン、リボン風UIが格好いいWYSIWYGエディタ·GhostEdit MOONGIFT
GhostEditはリボン風UIをもったWebベースのWYSIWYGエディタです。 GhostEditは新規性あるWebベースのWYSIWYGエディターです。ボタンなどが大きくデザインされており、リボン風UIが使い勝手が良いです。 デモです。文字を選択しています。ハイライトはピンクのバックグラウンドになります。 画像の配置換えです。画像の上に矢印が出るので押すだけです。これが格好いい。 テキスト変更だけでなく、画像やリンクの挿入もできます。 リンクの上にマウスを置くと削除のフローティングが出ます。 保存機能もあります。 GhostEditに関する説明です。 GhostEditは周囲のコンテンツに馴染む形で作られており、これまでのWYSIWYGエディタとは一線を画しているように見えます。機能は他のエディタに比べると決して多くはありませんが必要最低限は用意されています。対応ブラウザはIE 6以
Full featured demo: Including Premium Plugins | TinyMCE Documentation
Character strings to demonstrate some of the Advanced Typography plugin’s features Select the characters in the list below and choose Tools → Typography → Enhance. Not really an arrow glyph: -> "Double tear-drop quotation marks and apostrophes aren't typographically elegant." But they should be honored in a code-fragment: "true". (c) symbol (tm) symbol 30C is 86F Note on the included Templates dem
» [CakePHP] TinyMCE（WYSIWYGエディター）を実装する方法 PHP × Ajax = Cool CMS
TinyMCEとは 「見たまま編集」ができるHTMLエディターの一つ。 CKEditorと並ぶ代表的なWYSIWYG（ウィジウィグ）エディター。 仕様 CakePHPで作成しメルマガ編集画面に、TinyMCEを実装する。 エディター内に携帯絵文字プラグインを実装する。 導入方法 TinyMCE をダウンロード。Download の Main Package にある tinymce_x_x_x_x.zip をクリック。 解凍後、tinymce/jscripts/ディレクトリ内にあるtiny_mceディレクトリのみを、 CakePHPの app/webroot/jsディレクトリ内に配置。 日本語化パッケージをダウンロード。[Japanese] のチェックボックスを選択し、一覧の下にある[Download]ボタンをクリック。 解凍後、tinymce_lang_packディレクトリ内の3つの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
