サイト内にMediumのテキスト編集ツールを組み込める「Dante」:phpspot開発日誌
michelson/Dante GitHub サイト内にMediumのテキスト編集ツールを組み込める「Dante」 テキスト選択時にのみツールバーが現れて文字修飾が可能。スマホでも比較的快適に使えます。 スマホファーストな流れの中で、従来型のPCに特化したWYSIWYGはスマホでは使いづらく、こうしたものにシフトしていく必要がありそう 関連エントリ Mediumが作ったデータビジュアライズツール「Charted」 Mediumのアバターズーム風エフェクトがかけられるJSライブラリ「Zoomerang.js」 Mediumスタイルのコメントシステムが実装できる「Side Comments」 Medium風のシンプルなLightBoxが実装できるjQueryプラグイン「Fluidbox」 MediumみたいなカッコいいWYSIWYGな編集ができる「jQuery Notebook」
Wysihtml editor
THIS is the typewriter for the modern web.Go on, start typing here ... 1. get scriptsbower install wysihtml or download the latest release from Github. 2. include the scripts in your HTML<!-- wysihtml core javascript with default toolbar functions --> <script src="bower_components/wysihtml/dist/wysihtml-toolbar.min.js"></script> <!-- rules defining tags, attributes and classes that are allowed --
軽量でシンプルデザインなWYSIWYGエディタ実装ができる「Trumbowyg」:phpspot開発日誌
Trumbowyg : a lightweight WYSIWYG editor 軽量でシンプルデザインなWYSIWYGエディタ実装ができる「Trumbowyg」 UIもモダンな感じで無駄はないけど綺麗にデザインされており、フルスクリーン編集にも対応。 カスタマイズも容易 スマホでも使えることはつかえるようです。 関連エントリ Bootstrap対応でレスポンシブなWYSIWYGエディタ「Summernote」 軽量でシンプルなHTMLのWYSIWYGエディタ「SCEditor」 オンラインで使えるWYSIWYGなCSS3コードジェネレーター「EnjoyCSS」 複数人数でWYSIWYGにドキュメントをリアルタイム編集できる「Hackpad」 スマホでも使えるWYSIWYGエディタ「Quill」
TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」:phpspot開発日誌
bootstrap-wysihtml5 TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」。 HTML5ベースですが、リッチなエディタをBootstrapのテーマで作成することが可能です。 派生物がどんどん出てきて素晴らしい限りですね。 最近最も流行ったオープンソースプロジェクトではないでしょうか。 関連エントリ Twitter BootStrap に追加できる５つのコンポーネントパック「FuelUX」 Twitter Bootstrapでカッコいいカルーセルを実装するサンプルとチュートリアル Twitter Bootstrap で使えるカラーピッカー＆日付ピッカー Twitter Bootstrapじゃなくfacebook Bootstrap？「Fbootstrapp」 Twitter Bootstrapを使ったイメージギャラリーサン
ページレイアウトそのままに見たまま編集が出来るようになるライブラリ「Create.js」:phpspot開発日誌
Create.js - A new kind of web editing interface ページレイアウトそのままに見たまま編集が出来るようになるライブラリ「Create.js」。 起動すると、コンテンツテキストが編集可能になり、ページ上のツールバーを使って太字などの文字修飾ができ、そのままSaveボタンで保存できるという非常に使いやすい編集ツールとして使えます CMS等に実装するといいのかもしれません ページ全体をWYSIWYG編集可能にするモードもIEにはあったりしましたが、これは編集させたい部分だけを編集できるようになるという所がよいです。 ページ全体を下手に編集可能にするとデザインが崩れたりして大変であったりしますが、コンテンツ部分のテキストのみ編集可能にすればそういうことがないですね。 関連エントリ HTML5ベースの音声入力可能なWYSIWYGエディタ「wysihtml5
Redactor WYSIWYG html editor
A simple and fast tool for everyday tasks of creating and editing texts on the web. Suitable for creating and editing common texts for the web, which may also include images, video, embed code. It has a hybrid interface that can be customized according to your needs. For example, you can disable the main toolbar and only show the context toolbar when highlighting text. Or show the control toolbar
ページを直接編集できるHTML5ベースのWYSIWYGエディタ「Mercury Editor」:phpspot開発日誌
Mercury Editor - Home ページを直接編集できるHTML5ベースのWYSIWYGエディタ「Mercury Editor」。 起動するとページの上部にツールバーが現れて、ページをそのままWYSIWYGで編集することが可能です。 リンクや動画、画像、テーブルなどの挿入、テキストフォーマットがツールバーから行え、そのまま保存することが出来る仕組みのよう。 編集画面。ページ内のコンテンツ領域のみを編集させることが出来ます。 サーバに保存するにはサーバ側での保存処理が必要みたいで、ここら辺はRailsを使って動かすみたいです。 対応ブラウザは以下。 Chrome 10+ Safari 5+ Firefox 4+ 関連エントリ 軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」 まだまだあったJavaScript製のWYSIWYGエディタコンプリ
WordPressでrubyタグを挿入できるプラグイン作った | 高橋文樹.com | プログラミング
この投稿は 13年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 というわけで、WordPressでrubyタグを挿入できるプラグインを作りました。 WP-Yomiganaのダウンロード たぶん動くんじゃないかと思います。名前はWP-Yomiganaです。 WP-Yomiganaの見栄え 見てくれはこんな感じ。TinyMCE Advancedとかと一緒に使っても多分大丈夫です。 動かなかったら教えて下さい。 rubyタグ挿入プラグインを作った理由 現在WordPressベースでワンソース・マルチユースを実現すべく、コンテンツを色んなフォーマットで書き出すものを作っています。これはその一環です。 なぜWordPressベースかというと、僕が使い慣れているために拡張が楽なのと、管理画面がついているからです。 自分でWebアプリ作ったりすると、
シンプルデザインがクールなJavaScript-WYSIWYGエディタ「TinyEditor」:phpspot開発日誌
JavaScript WYSIWYG Editor ? TinyEditor - Web Development Blog シンプルデザインがクールなJavaScript-WYSIWYGエディタ「TinyEditor」のご紹介です。 次のようなシンプルなデザインが特徴で、色々なサイトデザインにも馴染みそうです。 似たような物で、リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 というものも以前紹介しましたが、これはこれで使いやすそうですね。 関連エントリ リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 まだまだあったJavaScript製のWYSIWYGエディタコンプリート シンプルなWYSIWYGエディタ作成用JSライブラリ「jWYSIWYG」 FCKEditorの次世代バー
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」:phpspot開発日誌
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 2009年12月21日- リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」。 普通、JavaScript で動くWYSIWYGエディタというと、大きなツールバーがついていて、それ自体はカッコいいのですがページデザインにうまく馴染ませることが難しかったりします。 wkrte なら、エディタにカーソルがフォーカスしない状態だとツールバーを表示せず、普通のテキスト領域（textarea）のように表示させられます。 何もはいってない状態だと、一見普通のtextareaです 内容が入ってもツールバーがないので目立ちすぎず、いい感じです。 カーソルを合わせるとツールバーが表示。これはとてもスマートですね。 高機能なテキスト編集を実現しつつ、ペ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5ベースの音声入力可能なWYSIWYGエディタ「wysihtml5」:phpspot開発日誌