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 著作権. 不許複製 プライバシーポリシー
まだまだあった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
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ベースなのでカスタマイズ
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
LGPLの下で配布されているMoxiecodeのTinyMCE(Tiny Moxiecode Editor)は、HTMLタグを知らないユーザでもHTML形式でフォーマットされたテキストを入力できるJavaScriptプログラムだ。 TinyMCEは、多数のブログシステムやコンテンツ管理システムにバンドルされている。自作のWebアプリケーションでTinyMCEを使うなら基本設定を利用するのが手っとり早いが、詳細設定は依存関係や競合関係の解決を行うために複雑になる可能性がある。本稿では、WebページにTinyMCEを統合するヒントとアドバイスをいくつか提供する。 TinyMCEは、多くのGNU/Linuxディストリビューション内のパッケージや、zipまたはtar/gzipのアーカイブとして入手できる。プログラムをインストールするには、TinyMCEのディレクトリ構造をWebサイトのルートディレ
JavaScriptを使った各種WYSIWYGライブラリまとめ。 こういった仕組みも今では真新しいものではなくなりましたが、それぞれ特徴があって微妙に使いどころが違う場合があると思うのでまとめ。 Yahoo UI Library ベースのWYSIWYG prototype.jsでクロスブラウザなWYSIWIGエディタ FCKEditor TinyMCE 3年程前ではこういった機能はHTMLだけでは不可能だと思っていましたが、今では当たり前になってしまいましたね。 個人的には、Ajaxぐらい素晴らしいJavaScriptを使った機能じゃないかと思っています。技術の進化って素晴らしいですね。
prototype.jsでクロスブラウザなWYSIWIGエディタ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 prototype.jsでクロスブラウザなWYSIWIGエディタ。 なかなか便利そうですね。 その他のJavaScriptで実装されたWYSIWYGエディタ FCKEditor TinyMCE
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く