タグ「WYSIWYGエディタ」

タグ WYSIWYGエディタ

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 22 / 22件)

HTML5ベースのWYSIWYGエディタ「Squire」:phpspot開発日誌

2015/04/17 14 users Quill WYSIWYG phpspot開発日誌動作自動

Squire HTML5ベースのWYSIWYGエディタ「Squire」フラットでシンプルなデザインのWYSIWYGが実装できます。スマホでも動作。関連エントリスマホでも使えるWYSIWYGエディタ「Quill」複雑なレイアウトをブラウザ上でWYSIWYGで組み立てられる「Gridmanager」定期的に自動保存してくれるWYSIWYGエディタ「Smalleditor」軽量でシンプルデザ... 続きを読む

WYSIWYGエディタでCSSを作成できるサイト「EnjoyCSS」｜ライフハッカー［日本版］

2014/10/16 60 users CSS ライフハッカーテキスト CSS3 以下

「EnjoyCSS」はWYSIWYGエディタでCSSを作成できるサイトです。ボタンやフォーム、テキストなどのデザインをWYSIWYGエディタで行うことができ、作成したものをCSS3でダウンロードすることができます。以下に使ってみた様子を載せておきます。まずEnjoyCSSへアクセスしましょう。ボタンやフォーム、テキストなどいくつかのカテゴリに分かれているので、作りたいものを選びましょう。今回は... 続きを読む

Etch.js - コンテンツを見たままに編集するWYSIWYGエディタ MOONGIFT

2014/07/21 17 users CMS ユーザ MOONGIFT Webシステム管理画面

最近のCMSはユーザ画面と管理画面を分けるのではなく、ユーザが見ている画面上で直接コンテンツを編集できるようにしています。その方が実際に反映された時にどのように表示されるのかが分かりやすく、管理画面にログインして修正したいコンテンツを探す必要もありません。そんなCMSの機能を独自のWebシステムでも実装してみたいと思ったら使ってみて欲しいのがEtch.jsです。 Etch.jsの使い方こちらが... 続きを読む

Scribe - カスタマイズ前提のWebベースのWYSIWYGエディタ MOONGIFT

2014/03/24 18 users Scribe MOONGIFT TinyMCE カスタマイズ

自由に組み込めるのは良さそうですね！ WebベースのWYSIWYGエディタと言えばCKEditorやTinyMCEなどが思いつきますが、大型なものは組み込みは手軽でもカスタマイズが難しかったり、サイトの色に合わせて見た目を変更するのも困難だったりします。かといってシンプルなものだと機能が足りないなどと、どっちつかずになってしまいます。そこで紹介したいのがScribe、カスタマイズ前提で作られてい... 続きを読む

jQuery.selection - テキストの選択範囲を自由自在に扱えるjQueryプラグイン|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2014/01/07 43 users jQueryプラグインエンジニアソフトウェアテキスト

おお、これはかなり使えそう！テキストボックスやテキストエリアに入力された文字列に対して何らかの処理を行いたいと思うことは良くあります。さらにキャレットのある場所や選択されている文字に対して処理を行うのも良くある処理ではないかと思います。例えばWYSIWYGエディタを作ったり、選択文字を別なサービスに飛ばしたりといった使い方が考えられます。意外と選択範囲を取り出すというのは面倒な処理なのですがj... 続きを読む

軽量でシンプルなHTMLのWYSIWYGエディタ「SCEditor」:phpspot開発日誌

2013/09/12 18 users WYSIWYG ユーザインタフェース HTML 軽量挿入

軽量でシンプルなHTMLのWYSIWYGエディタ「SCEditor」 2013年09月12日- SCEditor - A lightweight WYSIWYG HTML and BBCode editor - SCEditor 軽量でシンプルなHTMLのWYSIWYGエディタ「SCEditor」ユーザインタフェースがシンプルなので、どんなサイトでも簡単に使えそうです。 Youtube動画の挿入... 続きを読む

Bootstrapで使えるWYSIWYGエディタ「bootstrap-wysiwyg」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/04/18 67 users Bootstrap ツーウィジェット Bootstrap用

bootstrap-wysiwygはBootstrap用のリッチなWYSIWYGエディタです。使い勝手の良さもあってBootstrapを使ったWebサイトが増えています。より便利に使うためには多彩なウィジェットが欠かせません。今回はBootstrap用WYSIWYGエディタ、bootstrap-wysiwygを紹介します。シンプルなUIで使い勝手が良さそうです。文字の装飾は簡単にできます。ツー... 続きを読む

Gmail/YahooメールでMarkdownを使ってメール作成「Markdown Here」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/01/09 16 users Markdown Gmail Markdown Here

Markdown HereはGmailなどの本文作成フィールドでMarkdown記法を使えるようにするソフトウェアです。ライトなテキスト記法で知られるMarkdownですが、慣れてくるといつでもどこでもMarkdownを使いたいと思ってしまうようになります。そこでWYSIWYGエディタの代わりにMarkdown Hereを使ってみましょう。インストールします。Google Chrome機能拡張/... 続きを読む

TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」:phpspot開発日誌

2012/11/13 36 users Bootstrap エディタ phpspot開発日誌派生物

TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」 2012年11月13日- bootstrap-wysihtml5 TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」。 HTML5ベースですが、リッチなエディタをBootstrapのテーマで作成することが可能です。派生物がどんどん出てきて... 続きを読む

HTML5のWYSIWYGエディタ「wysihtml5」がシンプルで扱いやすい！jQuery不要 | Chrome Life

2012/06/06 81 users TinyMCE jQuery不要有名どころ HTML5 機会

最近は、HTML5で組む機会も増えてきたので、いろいろ調べていたらHTML5ベースのWYSIWYGエディタを発見しました。 WYSIWYGエディタといえば、TinyMCEが有名どころですが、そんなにスタイルを変更させたくなかったり、高機能すぎて少し重たかったりするので、贅沢な不満もありました。今回ご紹介するのは、高速でかつ軽量なHTML5ベースのオープンソースWYSIWYGエディタ「wysiht... 続きを読む

HTML5ベースの音声入力可能なWYSIWYGエディタ「wysihtml5」:phpspot開発日誌

2012/05/28 39 users jQuery不要 Chrome phpspot開発日誌軽量

wysihtml5 - A better approach to rich text editing HTML5ベースの音声入力可能なWYSIWYGエディタ「wysihtml5」。高速で軽量、ValidなHTML5マークアップが作れ、jQuery不要、Chromeならスピーチ入力も可能なWYSIWYGエディタです。 WYSIWYGエディタは数あるものの、音声入力はあんまりなかったかもしれません ... 続きを読む

WYSIWYGエディタで書いた内容をPDF出力できるサービス「pdfmakerapp.com」 : ライフハッカー［日本版］

2012/05/23 19 users エディタ Tweet PDF出力挿入テーブル

Webツール , その他 , 仕事術 , 生活術 WYSIWYGエディタで書いた内容をPDF出力できるサービス「pdfmakerapp.com」 2012.05.23 23:00 コメント数：[ 0 ] Tweet 「pdfmakerapp.com」はエディタで書いた内容をPDF出力できるサービスです。ブログを書くようにして文章を書くだけでPDF出力ができます。画像の挿入やハイライトやテーブルなど... 続きを読む

登録不要で手軽にブログ記事を作成できるサービス「Instant Blogging」 : ライフハッカー［日本版］

2012/04/17 25 users ライフハッカー Tweet 手軽装飾コミュニケーション

Webツール , その他 , コミュニケーション登録不要で手軽にブログ記事を作成できるサービス「Instant Blogging」 2012.04.17 12:00 コメント数：[ 0 ] Tweet 「Instant Blogging」は手軽にブログ記事を作ることができるサービスです。登録不要で、アクセスしてすぐに記事を書くことができます。WYSIWYGエディタがあるので、文字の装飾なども手軽... 続きを読む

Bootstrapを使ったサイトに組み込みたいWYSIWYGエディタ「Bootstrap-wysihtml5」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/03/30 35 users MOONGIFT Bootstrap ITエンジニア

最近よく目にするようになったTwitter Bootstrapを使ったWebサイト。そんなWebサイトでWYSIWYGエディタを使うならば導入したいのがBootstrap-wysihtml5です。 0 続きを読む

HTML5で誤用されがちな各要素の正しい使い方 | コリス

2011/09/27 290 users コリス誤用スペースコンテンツ間各要素

HTML5はXHTML1.0やHTML4を継承しつつ、使い方が大きく変わった点もあります。よく利用されるHTML5の各要素の誤用されがちな例とそれを正しく適切に使う方法を紹介します。下記は各ポイントを意訳したものです。 <br>の誤用 <br>の間違った使い方 <br>のよくある誤用は、コンテンツ間にスペースをつくるために使用することです。これはWYSIWYGエディタで作成するとよく起きる現... 続きを読む

ページを直接編集できるHTML5ベースのWYSIWYGエディタ「Mercury Editor」:phpspot開発日誌

2011/09/14 29 users テキストフォーマット phpspot開発日誌上部挿入動画

Mercury Editor - Home ページを直接編集できるHTML5ベースのWYSIWYGエディタ「Mercury Editor」。起動するとページの上部にツールバーが現れて、ページをそのままWYSIWYGで編集することが可能です。リンクや動画、画像、テーブルなどの挿入、テキストフォーマットがツールバーから行え、そのまま保存することが出来る仕組みのよう。編集画面。ページ内のコンテンツ... 続きを読む

iOSアプリを作成できる無料のWYSIWYGエディタ「AppMakr」 : ライフハッカー［日本版］

2010/10/28 463 users iOSアプリライフハッカー Check Tweet その他

Apple , iPad , iPhone , その他 , フリーソフト iOSアプリを作成できる無料のWYSIWYGエディタ「AppMakr」掲載日時：2010.10.28 20:00 コメント [0] , トラックバック [0] Check Tweet 「AppMakr」は、iOSアプリを作成できる、無料のWYSIWYGエディタです。ほんの数分で、自分だけのオリジナルiOSアプリができて... 続きを読む

軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」:phpspot開発日誌

2010/08/10 245 users WYSIWYG phpspot開発日誌デフォルトデザイン

CLEditor - WYSIWYG HTML Editor 軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」。次のようなすっきりしたデザインのWYSIWYGエディタを実装出来ます。ボタンはデフォルトで多数ありますが、カスタマイズ可能です。全てダウンロードしても10KB以内という軽量なものになっています。内容に応じてサイズを自動で変えたりすることも出来... 続きを読む

リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」:phpspot開発日誌

2009/12/21 225 users phpspot開発日誌自体ツールバーページデザイン

リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 2009年12月21日- リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」。普通、JavaScript で動くWYSIWYGエディタというと、大きなツールバーがついていて、それ自体はカッコいいのですがページデザインにうまく馴染ませること... 続きを読む

prototype.jsでクロスブラウザなWYSIWIGエディタ:phpspot開発日誌

2006/12/14 56 users TinyMCE prototype.js Opera その他

prototype.jsでクロスブラウザなWYSIWIGエディタ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 prototype.jsでクロスブラウザなWYSIWIGエディタ。なかなか便利そうですね。その他のJavaScriptで実装されたWYSIWYGエディタ FCKEditor TinyMCE 続きを読む

【レビュー】かんたん! WYSIWYG Wikiシステム - GroupsWiki登場 (1) GroupsWikiとは (MYCOMジャーナル)

2006/11/28 79 users Ajax MYCOMジャーナル主眼本稿 AJAX対応

本稿ではシンプルなWikiシステムに対して、そのままAjax対応/WYSIWYGエディタの導入を実現したWebサービスとして"GroupsWiki"を紹介したい。 GroupsWikiはBen Nolan氏によって開発されているWYSIWYG Wikiシステム。簡単に扱えることに主眼がおかれているシステムで、ブラウザから利用できるサービスとして公開されている。Ajaxを活用して開発されているほか、... 続きを読む

(1 - 22 / 22件)