タグ WYSIWYGエディタ
人気順 5 users 50 users 100 users 500 users 1000 usersHTML5ベースのWYSIWYGエディタ「Squire」:phpspot開発日誌
Squire HTML5ベースのWYSIWYGエディタ「Squire」 フラットでシンプルなデザインのWYSIWYGが実装できます。スマホでも動作。 関連エントリ スマホでも使えるWYSIWYGエディタ「Quill」 複雑なレイアウトをブラウザ上でWYSIWYGで組み立てられる「Gridmanager」 定期的に自動保存してくれるWYSIWYGエディタ「Smalleditor」 軽量でシンプルデザ... 続きを読む
WYSIWYGエディタでCSSを作成できるサイト「EnjoyCSS」 | ライフハッカー[日本版]
「EnjoyCSS」はWYSIWYGエディタでCSSを作成できるサイトです。ボタンやフォーム、テキストなどのデザインをWYSIWYGエディタで行うことができ、作成したものをCSS3でダウンロードすることができます。 以下に使ってみた様子を載せておきます。 まずEnjoyCSSへアクセスしましょう。ボタンやフォーム、テキストなどいくつかのカテゴリに分かれているので、作りたいものを選びましょう。今回は... 続きを読む
Etch.js - コンテンツを見たままに編集するWYSIWYGエディタ MOONGIFT
最近のCMSはユーザ画面と管理画面を分けるのではなく、ユーザが見ている画面上で直接コンテンツを編集できるようにしています。その方が実際に反映された時にどのように表示されるのかが分かりやすく、管理画面にログインして修正したいコンテンツを探す必要もありません。 そんなCMSの機能を独自のWebシステムでも実装してみたいと思ったら使ってみて欲しいのがEtch.jsです。 Etch.jsの使い方 こちらが... 続きを読む
Scribe - カスタマイズ前提のWebベースのWYSIWYGエディタ MOONGIFT
自由に組み込めるのは良さそうですね! WebベースのWYSIWYGエディタと言えばCKEditorやTinyMCEなどが思いつきますが、大型なものは組み込みは手軽でもカスタマイズが難しかったり、サイトの色に合わせて見た目を変更するのも困難だったりします。 かといってシンプルなものだと機能が足りないなどと、どっちつかずになってしまいます。そこで紹介したいのがScribe、カスタマイズ前提で作られてい... 続きを読む
jQuery.selection - テキストの選択範囲を自由自在に扱えるjQueryプラグイン|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ
おお、これはかなり使えそう! テキストボックスやテキストエリアに入力された文字列に対して何らかの処理を行いたいと思うことは良くあります。さらにキャレットのある場所や選択されている文字に対して処理を行うのも良くある処理ではないかと思います。 例えばWYSIWYGエディタを作ったり、選択文字を別なサービスに飛ばしたりといった使い方が考えられます。意外と選択範囲を取り出すというのは面倒な処理なのですがj... 続きを読む
軽量でシンプルなHTMLのWYSIWYGエディタ「SCEditor」:phpspot開発日誌
軽量でシンプルなHTMLのWYSIWYGエディタ「SCEditor」 2013年09月12日- SCEditor - A lightweight WYSIWYG HTML and BBCode editor - SCEditor 軽量でシンプルなHTMLのWYSIWYGエディタ「SCEditor」 ユーザインタフェースがシンプルなので、どんなサイトでも簡単に使えそうです。 Youtube動画の挿入... 続きを読む
Bootstrapで使えるWYSIWYGエディタ「bootstrap-wysiwyg」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ
bootstrap-wysiwygはBootstrap用のリッチなWYSIWYGエディタです。使い勝手の良さもあってBootstrapを使ったWebサイトが増えています。より便利に使うためには多彩なウィジェットが欠かせません。今回はBootstrap用WYSIWYGエディタ、bootstrap-wysiwygを紹介します。 シンプルなUIで使い勝手が良さそうです。 文字の装飾は簡単にできます。ツー... 続きを読む
人気のWYSIWYGエディタ - おおらかにいこう
2013-02-22 人気のWYSIWYGエディタ 開発ツール プログラム WYSIWYGエディタとは、一種のHTMLエディタです。このエディタを使用すると、実際のページ レイアウトと同じように表示され、ページを編集できます。ブログ書く人はわかると思うのですが、ブログ記事を書く画面によく使用されていますね。 WYSIWYGエディタは、いくつも開発されており、高機能すぎて少し重たかったりと贅沢な不満... 続きを読む
Gmail/YahooメールでMarkdownを使ってメール作成「Markdown Here」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ
Markdown HereはGmailなどの本文作成フィールドでMarkdown記法を使えるようにするソフトウェアです。ライトなテキスト記法で知られるMarkdownですが、慣れてくるといつでもどこでもMarkdownを使いたいと思ってしまうようになります。そこでWYSIWYGエディタの代わりにMarkdown Hereを使ってみましょう。 インストールします。Google Chrome機能拡張/... 続きを読む
TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」:phpspot開発日誌
TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」 2012年11月13日- bootstrap-wysihtml5 TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」。 HTML5ベースですが、リッチなエディタをBootstrapのテーマで作成することが可能です。 派生物がどんどん出てきて... 続きを読む
HTML5のWYSIWYGエディタ「wysihtml5」がシンプルで扱いやすい!jQuery不要 | Chrome Life
最近は、HTML5で組む機会も増えてきたので、いろいろ調べていたらHTML5ベースのWYSIWYGエディタを発見しました。 WYSIWYGエディタといえば、TinyMCEが有名どころですが、そんなにスタイルを変更させたくなかったり、高機能すぎて少し重たかったりするので、贅沢な不満もありました。 今回ご紹介するのは、高速でかつ軽量なHTML5ベースのオープンソースWYSIWYGエディタ「wysiht... 続きを読む
HTML5ベースの音声入力可能なWYSIWYGエディタ「wysihtml5」:phpspot開発日誌
wysihtml5 - A better approach to rich text editing HTML5ベースの音声入力可能なWYSIWYGエディタ「wysihtml5」。 高速で軽量、ValidなHTML5マークアップが作れ、jQuery不要、Chromeならスピーチ入力も可能なWYSIWYGエディタです。 WYSIWYGエディタは数あるものの、音声入力はあんまりなかったかもしれません ... 続きを読む
WYSIWYGエディタで書いた内容をPDF出力できるサービス「pdfmakerapp.com」 : ライフハッカー[日本版]
Webツール , その他 , 仕事術 , 生活術 WYSIWYGエディタで書いた内容をPDF出力できるサービス「pdfmakerapp.com」 2012.05.23 23:00 コメント数:[ 0 ] Tweet 「pdfmakerapp.com」はエディタで書いた内容をPDF出力できるサービスです。ブログを書くようにして文章を書くだけでPDF出力ができます。画像の挿入やハイライトやテーブルなど... 続きを読む
登録不要で手軽にブログ記事を作成できるサービス「Instant Blogging」 : ライフハッカー[日本版]
Webツール , その他 , コミュニケーション 登録不要で手軽にブログ記事を作成できるサービス「Instant Blogging」 2012.04.17 12:00 コメント数:[ 0 ] Tweet 「Instant Blogging」は手軽にブログ記事を作ることができるサービスです。登録不要で、アクセスしてすぐに記事を書くことができます。WYSIWYGエディタがあるので、文字の装飾なども手軽... 続きを読む
Bootstrapを使ったサイトに組み込みたいWYSIWYGエディタ「Bootstrap-wysihtml5」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
最近よく目にするようになったTwitter Bootstrapを使ったWebサイト。そんなWebサイトでWYSIWYGエディタを使うならば導入したいのがBootstrap-wysihtml5です。 0 続きを読む
HTML5で誤用されがちな各要素の正しい使い方 | コリス
HTML5はXHTML1.0やHTML4を継承しつつ、使い方が大きく変わった点もあります。 よく利用されるHTML5の各要素の誤用されがちな例とそれを正しく適切に使う方法を紹介します。 下記は各ポイントを意訳したものです。 <br>の誤用 <br>の間違った使い方 <br>のよくある誤用は、コンテンツ間にスペースをつくるために使用することです。 これはWYSIWYGエディタで作成するとよく起きる現... 続きを読む
ページを直接編集できるHTML5ベースのWYSIWYGエディタ「Mercury Editor」:phpspot開発日誌
Mercury Editor - Home ページを直接編集できるHTML5ベースのWYSIWYGエディタ「Mercury Editor」。 起動するとページの上部にツールバーが現れて、ページをそのままWYSIWYGで編集することが可能です。 リンクや動画、画像、テーブルなどの挿入、テキストフォーマットがツールバーから行え、そのまま保存することが出来る仕組みのよう。 編集画面。ページ内のコンテンツ... 続きを読む
iOSアプリを作成できる無料のWYSIWYGエディタ「AppMakr」 : ライフハッカー[日本版]
Apple , iPad , iPhone , その他 , フリーソフト iOSアプリを作成できる無料のWYSIWYGエディタ「AppMakr」 掲載日時:2010.10.28 20:00 コメント [0] , トラックバック [0] Check Tweet 「AppMakr」は、iOSアプリを作成できる、無料のWYSIWYGエディタです。ほんの数分で、自分だけのオリジナルiOSアプリができて... 続きを読む
軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」:phpspot開発日誌
CLEditor - WYSIWYG HTML Editor 軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」。 次のようなすっきりしたデザインのWYSIWYGエディタを実装出来ます。ボタンはデフォルトで多数ありますが、カスタマイズ可能です。 全てダウンロードしても10KB以内という軽量なものになっています。 内容に応じてサイズを自動で変えたりすることも出来... 続きを読む
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」:phpspot開発日誌
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 2009年12月21日- リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」。 普通、JavaScript で動くWYSIWYGエディタというと、大きなツールバーがついていて、それ自体はカッコいいのですがページデザインにうまく馴染ませること... 続きを読む
prototype.jsでクロスブラウザなWYSIWIGエディタ:phpspot開発日誌
prototype.jsでクロスブラウザなWYSIWIGエディタ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 prototype.jsでクロスブラウザなWYSIWIGエディタ。 なかなか便利そうですね。 その他のJavaScriptで実装されたWYSIWYGエディタ FCKEditor TinyMCE 続きを読む
【レビュー】かんたん! WYSIWYG Wikiシステム - GroupsWiki登場 (1) GroupsWikiとは (MYCOMジャーナル)
本稿ではシンプルなWikiシステムに対して、そのままAjax対応/WYSIWYGエディタの導入を実現したWebサービスとして"GroupsWiki"を紹介したい。 GroupsWikiはBen Nolan氏によって開発されているWYSIWYG Wikiシステム。簡単に扱えることに主眼がおかれているシステムで、ブラウザから利用できるサービスとして公開されている。Ajaxを活用して開発されているほか、... 続きを読む