You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
substance.io 2024 著作権. 不許複製 プライバシーポリシー
Aloha EditorはJavaScript製のオープンソース・ソフトウェア。最近は管理ページのような仕組みを持たず、コンテンツの編集をその場で行えるようなソフトウェアが増えている。そうなると需要を増すのがWYSIWYGエディタだ。 フローティング表示のツールバー 見たままに変更が適用されればコンテンツの編集がとても容易になる。既に幾つか有名なWYSIWYGエディタが存在するが、それでも新しいものが登場してくる。今回紹介するのはAloha Editorだ。 Aloha Editorの特徴としては、編集可能なコンテンツ部をクリックするとツールバーが表示される点だ。ツールバーはフローティングになっており、編集箇所の近くまで自動的に移動する(ロックすることもできる)。編集が完了するとツールバーは自動的に消える。 文字装飾、文字種変更も さらにHTML5対応である点も特徴になっている。これは今後
elRTEはJavaScript製/jQueryプラグインなオープンソース・ソフトウェア。Webベースでコンテンツを作成したり、編集する際に取り得る手法は幾つかある。例えば一定の記法に沿って書くことでHTMLにコンバートして表示するもの。もう一つはWYSIWYGなエディタを用意してその場で編集するというものだ。 jQuery UIを使っている WYSIWYGエディタであればリテラシーが高くないユーザであっても、リッチなコンテンツの編集が可能になる。CKEditorをはじめとして幾つか有名なソフトウェアはあるが、ここで紹介したいのはelRTEになる。 elRTEはテキストエリアの上にツールバーを表示するタイプのWYSIWYGエディタで、jQuery UIを使って作られているのが特徴になる。jQueryを使っているので、カスタマイズが容易に行えそうなのが魅力だ。ベースのままでは提供されない機能
ポーランドCKSourceは1月4日、「FCKeditor.Java Integration 2.6」をリリースした。Webアプリケーション用HTMLエディタ「FCKeditor(CKEditor)」をJava環境で容易に実装できるもので、最新版はバージョン2系最後のリリースとなる。 FCKeditorはCKSourceのオープンソースプロジェクトで、ブラウザベースのWYSIWYGエディタ(FCKeditorはバージョン3.0以降、名称を「CKEditor」に変更している)。FCKeditor.JavaはJava向けとなり、Javaライブラリ、ドキュメンテーション、Webアプリケーションデモが含まれている。JavaScript APIなどを使うことなく、FCKeditorをすぐに実装できるという。JSPのタグライブラリとしても利用できるとしている。 最新版では、非推奨コードとスキンメソッド
まだまだあったJavaScript製のWYSIWYGエディタコンプリート、ということで、本ブログで紹介していない(したものも一部あるかもしれませんが)ライブラリ等をメインにご紹介。 WYSIWYGといっても、それぞれの使い方には特徴があって、微妙に自分の使い勝手にあってなかったりする場合もありますね。ということで選択肢を増やすという意味でご紹介 Free Rich Text Editor OfficeスタイルのリッチなWYSIWYGエディター →デモページ jHtmlArea - The all NEW HTML WYSIWYG Editor for jQuery WYSWYGエディタ実装用jQueryプラグイン jwysiwyg シンプルなUIのWYSIWYGエディター。jQueryプラグイン SPAW Editor UIが美しいタブ付きWYSIWYGエディタ →デモページ TTW HT
FCKEditorと言えば、Webベースで使えるWYSIWYGエディタとして有名なソフトウェアだ。しかし既に多数の機能が実装され、コアに手を入れて改造しようとはとても思えない代物になっている。 次期FCKEditor また、多機能ゆえに動作が重たいのが難点だった。そうした問題点を解決できそうなのが次期FCKEditorだ。 今回紹介するオープンソース・ソフトウェアはCKEditor、FCKEditor3.0以降のソフトウェアだ。 FCKEditorは3.0以降から名前が変わり、CKEditorとなる。それに伴って様々な機能拡張がなされている。大きな点として、スキン機能とともに枠の色替え機能が実装されたことだ。なお対応ブラウザはFirefox2以上、IE6以上、Opera9.5以上、Safari3以上となる。 APIによる独自拡張 Ajaxとの親和性も高まっており、ダブルクリックで編集モード
「Dinky Page」はウェブページが無料で作成できるサイトです。 WYSIWYGエディタで初心者でも簡単に作ることができます。 作ったウェブページは、公開することができます。 広告は一切つかないし、自由にウェブページが作成できるので、とっても便利! サンプル:http://dinkypage.com/bey 以下に使ってみた様子を載せておきます。
技術者ならともかく、一般ユーザというのはインタフェースによってやる気が左右される幅が大きいものです。Wikiを会社で流行らそうとして、編集のインタフェースがネックになって流行らなかった…なんて経験をしたことはないでしょうか。そしてWYSIWYGなエディタを用意しても、その複雑やさインタフェースの善し悪しによっては受け入れられなかったりします。 URLを挿入する所 そこで必要なのは、必要最低限の機能で、かつ使いやすいインタフェースを提供してくれるものになります。Flash製のobeditなら、この問題を解決してくれるかも知れません。LGPLの下に公開されているオープンソース・ソフトウェアで、使い勝手の良いエディタ機能を提供してくれます。 obeditでできるのは文字装飾(太字、イタリック、アンダーライン)、文字寄せ(左右、中央)、字下げ、リスト、リンク、スペルチェック、フォント変更、色変更に
HTMLにWYSIWYGエディタを搭載したい。 そんなときにおすすめなのが、『6 Embeddable HTML Editors for Your Website Compared』。Mashableによる、HTMLにエンベッドできるWYSIWYGエディタ6選だ。 以下にご紹介。 » WYMEditor » TinyMCE » Kupu » CB RTE » Xinha » NicEdit 元記事は以下から。 » 6 Embeddable HTML Editors for Your Website Compared HTMLにエンベッドできるWYSIWYGエディタ、チェックして使ってみてはいかがだろうか。 プリンタからインクが出なくてかなりへこみました。。
WYSIWYGなHTMLエディタは既に数多く存在している。有名なものとしてはFCKEditor、TinyMCEなどが知られている。これらは非常に便利な代物ではあるが、出来上がったものをカスタマイズしようという気にならないくらい重厚な作りになっている。 シンプルな作りのWYSIWYGエディタ もっと自分たちにあったシンプルでカスタマイズが容易なものを!そう願った37signalsは自分たちで作ってしまうことを考えた。 今回紹介するオープンソース・ソフトウェアはWysiHat、カスタマイズ容易なWYSIWYGエディタだ。 WysiHatの特徴はprototype.jsをベースに作られている点だろう。そして文字に対する装飾がメソッドを呼び出すだけで良いというシンプルさもある。選択されている文字などを気にすることなくアクションを呼び出すだけで良い。 prototype.jsベースなのでカスタマイズ
ブラウザで長文を入力する際には、テキストエリアが利用される。が、これはメモ帳レベル(またはそれ以下)の機能しかなく、非常に使い勝手が悪い。そのため、一度ローカルで文章を作ってからコピー&ペーストするといった手間が必要になる。 それほど機能は多くないが、分かりやすい。 文字装飾をはじめとした、HTMLタグを手で入力するのは非常に手間ひまがかかる作業だ。そこでテキストエリアを便利に拡張してみよう。 今回紹介するオープンソース・ソフトウェアはwidgEditor、シンプルなWYSIWYGエディタだ。 テキストエリアを拡張するライブラリとしては、FCKEditorなどが有名ではあるが、あまりに多機能であるために重たくなってしまったり、使いこなすのが難しかったりする。その点、widgEditorは限られた機能しかないので使いこなすのはそれほど難しくないだろう。 ソース表示も可能 太字/イタリック/リ
SpringnoteというのはWikiを使ったオンラインノートサービスだ。メモとしての利用はもちろん、コラボレートしたり、ブログへの投稿もできる。韓国の会社が開発しているサービスだが、英語や日本語でも提供されている。 そんなSpringnoteで使われているWYSIWYGエディタはオープンソースの下に公開されている。 今回紹介するオープンソース・ソフトウェアはXquared、Springnoteで使われているWYSIWYGなエディタだ。 XquaredはJavaScriptのみで作られたWYSIWYGエディタで、テキストエリアに対して利用する。FCKEditorのようにツールバーが表示され、文字装飾や画像の埋め込みと言った操作ができる。 インタフェースはごくシンプルで、自分で新しい機能を追加するのも容易にできるとのこと。Youtube動画を埋め込むこともでき、利用範囲は大きそうだ。モードに
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く