FCKEditorの次世代バージョンのWYSIWYGエディタ「CKEditor」:phpspot開発日誌
Home | CKEditor FCKEditorの次世代バージョンのWYSIWYGエディタ「CKEditor」がリリースされたようです。 FCKEditor といえば JavaScript の WYSIWYGエディタとしてかなりの定番ですね。 特徴は以下。 ・フルアクセシビリティの強化 ・ハイパフォーマンス ・完全カスタマイズ可能＆多機能 実際の見た目も、次のようなフラットで、よりWEBサイトになじむＵＩになっているようです。 関連エントリ まだまだあったJavaScript製のWYSIWYGエディタコンプリート
jQueryを使ったWYSIWYGエディタ·jWYSIWYG MOONGIFT
Webベースでリッチなドキュメントを作成できるソフトウェアと言えば、FCKEditorやWYMeditorなどが一般的だ。これらは非常に便利なソフトウェアではあるが、既に出来上がった感のあるソフトウェアであり、修正しようとも思えないほど多機能だ。逆に多機能すぎて動作が重たいという欠点がある。 jQueryベースのWYSIWYGエディタ 必要なものだけを簡単にピックアップできる、さらに自分なりにカスタマイズすることも考えたい方のためにjwysiwygを紹介しよう。 今回紹介するオープンソース・ソフトウェアはjWYSIWYG、jQueryプラグインとして提供されるWYSIWYGエディタだ。 jWYSIWYGはWYMeditorを模して作られているWYSIWYGエディタだ。jQueryをベースとして作られており、18KBと軽量な作りになっている（圧縮版は7KBだ）。必要な画像やCSSを合わせても
シンプルなWYSIWYGエディタ作成用JSライブラリ「jWYSIWYG」:phpspot開発日誌
jWYSIWYG This plugin is an inline content editor to allow editing rich HTML content on the fly. シンプルなWYSIWYGエディタ作成用JSライブラリ「jWYSIWYG」。 必要なスクリプトを読んだ後、次のようにマークアップ。 <div class="box"> <textarea id="wysiwyg" rows="11" cols="69"></textarea> </div> 初期化は「 $(function(){ $('#wysiwyg').wysiwyg(); }); 」だけでOKみたい。 WYSIWYGエディタは他にも色々ありますね。 Yahoo UI Library ベースのWYSIWYG prototype.jsでクロスブラウザなWYSIWIGエディタ FCKEditor Tin
FCKeditorメモ
FCKeditor FCKサイトはWordのようなデスクトップエディタの強力な機能の多くをWebで実現するためのオープンソースのHTMLエディタ。オープンソース(LGPL)だが、商用利用しやすいように別のライセンスも用意されている。 主な機能は次の通り。 CSS フォントフォーマット テキストフォーマット リンクとアンカー テーブル フォーム ツールバー 画像挿入、アップロード、サーバ参照 切り取り、貼り付け、ペースト、アンドゥ、リドゥ 右クリックメニュー ページの全体編集、部分編集 スキン プラグイン スペルチェック ソースのクリーンアップ Wordからの貼り付けの自動判定 多言語対応、自動言語判別 ブラウザ自動判定 詳しくはドキュメントが参考になる。
MozillaのWYSIWYG Web編集ソフトの流れを汲むKompoZer | OSDN Magazine
プロプライエタリ・ソフトウェアにおけるWebページデザインの分野は、AdobeのDreamweaverとMicrosoftのFrontPageに支配されている。一方、フリーソフトウェアユーザはこれまでにいくつかのWebデザインアプリケーションの盛衰を目にしてきたが、最新作が登場してからは久しい状態にあった。今回、新たなリリースとしてKompoZerが登場した。これはMozilla Composerの遺産を引き継ぎ、今日のテクノロジを採り入れてアップデートしたものだ。 ひと昔前を知る人であれば、スタンドアロンのFirefoxとThunderbirdの前身であるMozilla Application Suiteを覚えているだろう。このMozillaスイートは統合型ブラウザ、電子メール/ニュースクライアント、IRCチャットクライアント、HTMLページエディタの機能を備えていた。2003年、Moz
窓の杜 - 【NEWS】WYSIWYG編集可能なHTMLエディター「Nvu」の後継「KompoZer」v0.7.10が公開
オープンソースのWYSIWYG型HTMLエディター「KompoZer」v0.7.10が、8月30日に公開された。Windowsに対応するフリーソフトで、編集部にてWindows XP/Vistaでの動作を確認した。現在、作者のホームページからダウンロードできる。 「KompoZer」は、WYSIWYG編集機能を備えたHTMLエディター。HTMLタグを手書きで記述する必要がなく、複雑なテーブルや入力フォームをマウスドラッグなどで簡単に作成できるのが特長。また作成中のHTMLソースをリアルタイムでプレビューすることもでき、プレビュー画面でタグを修正することも可能。 「KompoZer」は、「Mozilla」から派生したHTMLエディター「Nvu」の後継版。「Nvu」はv1.0公開以来更新が止まってしまっており、いくつか発見された不具合も未修正のままとなっている。そこで本ソフトは、これらの不具合
FirefoxにDreamWeaver風のWYSIWYGなHTMLエディタ機能を追加できる拡張「Codetch」:phpspot開発日誌
Codetch :: Firefox Add-ons Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you...FirefoxにDreamWeaver風のWYSIWYGなHTMLエディタ機能を追加できる拡張「Codetch」。 インストールすると「ツール」メニューにCodetechが追加され、実行すると次のようなDreamWeaver風のWYSIWYGなHTMLエディタが表示されます。 CodeタブでHTMLを修正することもでき、PreviewタブでWYSIWYGな編集も可能です。 DOMインスペクタや CSS/HTML/XMLバリデーターなどの機能も持っています。 素早くHTMLページを作りたいという場合に、便利な拡張ですね。
WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』 | p o p * p o p
なにかと便利なYahoo!のUIライブラリーに「Grids CSS」なるものがあります。自分でつくると面倒なCSSのレイアウトをテンプレートで提供してくれるものです。 この「Grids CSS」、ブラウザ対応がしっかりしていたり、ファイルサイズが軽量だったり、テンプレートが豊富だったりといいことづくめですが、いざ使うとなるとそれなりに説明を読み込んで（簡単だけど）手作業でレイアウトをつくっていく必要があります。 そこでその作業を簡単にできるようにWYSIWYGでジェネレーターを作った方がいます。こいつは便利です。 » YUI: CSS Grid Builder ↑ コントロールパネルはこんな感じ。 プレビューを見ながらカラムの数や横幅を指定していくと簡単にレイアウトができちゃいます。もちろんコードも瞬時に生成してくれます。 なお、これを使うには当然ですがYUIが必要になります。ダウンロード
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
