並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 453件

新着順 人気順

WYSIWYGの検索結果1 - 40 件 / 453件

  • iOSアプリを作成できる無料のWYSIWYGエディタ「AppMakr」 | ライフハッカー・ジャパン

    「AppMakr」は、iOSアプリを作成できる、無料のWYSIWYGエディタです。ほんの数分で、自分だけのオリジナルiOSアプリができてしまいます。驚きですよね。 AppMakrは、フィードベースのアプリを作るのに特化していますので、最初に読み込み元となるWebサイトのURL、もしくはキーワードを入力します。それから無料アカウントの登録をして、実際のアプリの作成に入ります。 まず第一段階では、テキストやFlickrの写真、Twitterのtweetなど、フィードを追加していきます。 自分でフィードのURLを探さなくてもいいのがスゴイです。もちろん、手動でも追加できますし、AppMakrが検索してくれたり、作成中のアプリに関係ありそうなフィードを見つけてくれたりもします。TwitterやYouTube、Flickrなどのサービスからフィードを引っ張ってくるには、特に便利です。 アプリのビジュ

      iOSアプリを作成できる無料のWYSIWYGエディタ「AppMakr」 | ライフハッカー・ジャパン
    • WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』 | p o p * p o p

      なにかと便利なYahoo!のUIライブラリーに「Grids CSS」なるものがあります。自分でつくると面倒なCSSのレイアウトをテンプレートで提供してくれるものです。 この「Grids CSS」、ブラウザ対応がしっかりしていたり、ファイルサイズが軽量だったり、テンプレートが豊富だったりといいことづくめですが、いざ使うとなるとそれなりに説明を読み込んで(簡単だけど)手作業でレイアウトをつくっていく必要があります。 そこでその作業を簡単にできるようにWYSIWYGでジェネレーターを作った方がいます。こいつは便利です。 » YUI: CSS Grid Builder ↑ コントロールパネルはこんな感じ。 プレビューを見ながらカラムの数や横幅を指定していくと簡単にレイアウトができちゃいます。もちろんコードも瞬時に生成してくれます。 なお、これを使うには当然ですがYUIが必要になります。ダウンロード

        WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』 | p o p * p o p
      • 軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」:phpspot開発日誌

        CLEditor - WYSIWYG HTML Editor 軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」。 次のようなすっきりしたデザインのWYSIWYGエディタを実装出来ます。ボタンはデフォルトで多数ありますが、カスタマイズ可能です。 全てダウンロードしても10KB以内という軽量なものになっています。 内容に応じてサイズを自動で変えたりすることも出来るようです。 IE 6.0+, FF 1.5+, Safari 4+, Chrome 5+ and Opera 10+で動作確認しているそうです。 jQueryプラグインというのもいいですね。 これは覚えておいてよさそう。 関連エントリ WEBフォームをWEB上でWYSIWYG編集して瞬時にダウンロードできる「pForm」 まだまだあったJavaScript製のWYSIWYGエディタコンプリート

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

          リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 2009年12月21日- リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」。 普通、JavaScript で動くWYSIWYGエディタというと、大きなツールバーがついていて、それ自体はカッコいいのですがページデザインにうまく馴染ませることが難しかったりします。 wkrte なら、エディタにカーソルがフォーカスしない状態だとツールバーを表示せず、普通のテキスト領域(textarea)のように表示させられます。 何もはいってない状態だと、一見普通のtextareaです 内容が入ってもツールバーがないので目立ちすぎず、いい感じです。 カーソルを合わせるとツールバーが表示。これはとてもスマートですね。 高機能なテキスト編集を実現しつつ、ペ

          • フリーのEclipse用AIRプラグイン「AIR GEAR 1.0.0」リリース、WYSIWYGでAIR開発OK!:CodeZine

            Eclipse用AIRアプリケーション開発支援プラグイン「AIR GEAR 1.0.0」が2日にリリースされた。オープンソースで公開されており、Eclipse Public License 1.0内で自由に使用することができる。「GUIを使った開発」「ActionScript/MXMLを使ったAIR開発」「簡単にできるパッケージ作成」など、AIR開発を強力に支援するプラグインとなっている。 ソースはSourceForgeにて公開されている。jarファイルをダウンロードできるので、これをeclipse/pluginsフォルダ内に配置してEclipseを起動するだけでよい。

            • 軽快に動作するWYSIWYGエディタJavaScript (openWYSIWYG) - youmos

              • まだまだあったJavaScript製のWYSIWYGエディタコンプリート:phpspot開発日誌

                まだまだあった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

                • FirefoxにDreamWeaver風のWYSIWYGなHTMLエディタ機能を追加できる拡張「Codetch」:phpspot開発日誌

                  Codetch :: Firefox Add-ons Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you...FirefoxにDreamWeaver風のWYSIWYGなHTMLエディタ機能を追加できる拡張「Codetch」。 インストールすると「ツール」メニューにCodetechが追加され、実行すると次のようなDreamWeaver風のWYSIWYGなHTMLエディタが表示されます。 CodeタブでHTMLを修正することもでき、PreviewタブでWYSIWYGな編集も可能です。 DOMインスペクタや CSS/HTML/XMLバリデーターなどの機能も持っています。 素早くHTMLページを作りたいという場合に、便利な拡張ですね。

                  • WYSIWYGよ、さようなら

                    Macintoshスタイルのインタラクションデザインは限界に達した。Results-Oriented UI(結果志向のユーザインタフェース)と呼ばれる新たなパラダイムが、ユーザに大きな力を与える日がやってくるのかもしれない。 R.I.P. WYSIWYG by Jakob Nielsen on October 10, 2005 これまでの25年間、あるスタイルのユーザ・インターフェイスが幅を利かせてきた。Macintoshスタイルのグラフィカル・ユーザ・インターフェイス(GUI)である。しかし、今、それは限界に到達し、あるスタイルに取って代わられようとしている。GUIの土台にある貴重なインタラクション原理が、部分的とは言え、覆されようとしているのだ。 MacスタイルのGUIは、それ以前のインタラクション・パラダイムと比べると非常に使いやすいものだった。コマンドやパラメーターを直接入力するの

                      WYSIWYGよ、さようなら
                    • 共同編集可能で全ブラウザで動くWYSIWYGのリッチテキストエディタを作成できて商用OKなオープンソースの「ProseMirror」を使ってみた

                      ウェブ上でリッチテキストエディタを構築するためのオープンソースのツールキットが「ProseMirror」です。商用利用可能なライセンスになっており、もともと2015年にクラウドファンディングで約790万円を超える金額を集めて開発が始まったもの。ニューヨークタイムズ・Atlassian・asana・Box・Evernoteなども継続的な開発をサポートしています。共同編集が可能な構造で、プラグイン形式によって独自の拡張を盛り込むこともできる高機能なツールキットになっており、マークダウン形式とWYSIWYMの切替、ツールチップの実装、画像のアップロード、独自メニューの構築、linterによるスキャンでエラー検出してユーザーが修正できるようにする、コンテンツ内に脚注を追加、変更履歴を保持して各ユーザーがここの変更を調べて元に戻せるようにする、などなどウェブアプリ開発で求められる機能が柔軟に追加でき

                        共同編集可能で全ブラウザで動くWYSIWYGのリッチテキストエディタを作成できて商用OKなオープンソースの「ProseMirror」を使ってみた
                      • 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

                        • TinyMCE Plugin for Movable Type:MovableTypeでWYSIWYG編集を実現するプラグイン

                          TinyMCE for Movable Typeは、標準的CMSであるMovable Typeの更新機能を、飛躍的に高める高機能WYSIWYGエディタです。誰でも無償で利用でき、インストールも簡単。HTMLの知識のない方でも、ワープロのように簡単に更新が行えます。ホーム 投稿を、より簡単に…、より美しく、それがTinyMCE for Movable Type ようこそ、TinyMCE for Movable Typeの世界へ TinyMCE for Movable Typeは、Movable Typeの更新機能を、飛躍的に高めるAjaxな高機能WYSIWYGエディタです。誰でも無償で利用でき、インストールも簡単。HTMLの知識のない方でも、ワープロのように簡単に更新が行えます。 はじめに このサイトは「TinyMCE for Movable Type」の公式サイトです。 TinyMCE f

                          • ユーザーが簡単にHTMLを入力できるWYSIWYGエディタ ベスト3 - リート開発者ブログ

                            こんにちは。リートの satoshi です。 前回の投稿より、少し時間が空いてしまいましたが、今回はWYSIWYGエディタについてご紹介したいと思います。 WYSIWYGエディタって WYSIWYGエディタというのは、ブログ記事を書くときにフォントサイズを大きくしたり、見出しや色を変更したり…といったことをボタン一つで簡単に操作ができるとても便利な機能です。 今回はその中でも使えるエディタベスト3をご紹介します! WYSIWYGエディタベスト3 私が選んだのは TinyMCE, CKEditor, NicEdit の3つです。3つともデザインはもちろんのこと、使い勝手がとても良かったです。 それでは3つのエディタについて詳しく紹介していきます。 TinyMCE TinyMCE は社内や個人的な利用用途では制限無く使えるエディターです。商用利用の場合は、$345 から利用出来ます。こちらは、

                            • WYSIWYG - Wikipedia

                              この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。出典を追加して記事の信頼性向上にご協力ください。(このテンプレートの使い方) 出典検索?: "WYSIWYG" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL(2011年9月) 左側のプログラムは、WYSIWYGエディターを使用してLorem Ipsum文書を生成している。右側のプログラムにはLaTeXコードが含まれており、コンパイルすると左側の文書と非常によく似た文書が生成される。フォーマットコードのコンパイルは、WYSIWYGプロセスではない。 WYSIWYG(アクロニム: ウィジウィグ)とは、コンピュータのユーザインタフェースに関する用語で、ディスプレイに現れるものと処理内容(特に印刷結果)が一致するように表現する技術[1]。

                                WYSIWYG - Wikipedia
                              • NicEdit - WYSIWYG Content Editor, Inline Rich Text Application

                                What is NicEdit? NicEdit is a Lightweight, Cross Platform, Inline Content Editor to allow easy editing of web site content on the fly in the browser. NicEdit Javascript integrates into any site in seconds to make any element/div editable or convert standard textareas to rich text editing. Take boring textareas like this one in your application A Full featured rich text editor in your application i

                                • こんなWiki今まであった? - 複数名で同時にWYSIWYG編集も可能 (MYCOM PC WEB)

                                  米JotSpotは27日(現地時間)、20日から試験的に公開してきたJotSpot Liveを正式に公開した。JotSpot LiveはWYSIWYGにページの編集を行うことができるWikiのようなシステム。従来のWikiのように描画命令を含んだテキストを編集してページを更新するのではなく、WYSIWYGにページの編集を行うことができる。 JotSpot Liveは従来のWikiと違い、同時に複数名でページの編集を行うことができるという特徴がある。誰かが編集を行っていると、編集中である旨がページに表示される。JotSpot Liveのサイトには"Five people in a meeting? Take one set of notes instead of five."という文句が掲げられており、複数名でメッセンジャーをやりとりするのであれば、JotSpot Liveで1ページ作成した

                                  • Content EditableでWYSIWYGエディタ作るの楽しい! - maru source

                                    こんにちは丸山@h13i32maruです。 僕は今、Ubie Discoveryで医療従事者向けのカルテエディタを作っています。人生で初めてContent Editableを使ってエディタを作ってるんですが、それがすごく楽しいです!というのも、エディタを作るには色々技術的な課題があります。例えば、テキストをパースするには?ASTからHTMLをビルドするには?パフォーマンスのよい更新方法は?などなど。それらの技術的な課題を解決していくのが単純に楽しいという感じです。また、車輪の再発明は極力抑えつつ、自分たちのプロダクトでやりたいことを実現できるような工夫もしています。 というわけで、今回はそんなエディタ作りで取り組んだ課題と解決策を紹介していきたいと思います。 (訳: 楽しかったので、誰かに聞いてもらいたい!) エディタの概要 メンテしやすいテキストパーサ - PEG.js メンテしやすいH

                                      Content EditableでWYSIWYGエディタ作るの楽しい! - maru source
                                    • 次世代型WYSIWYGエディタ。見たままにコンテンツを編集する·Mercury Editor MOONGIFT

                                      Mercury Editorは実際に表示された内容をそのまま編集できるWYSIWYGエディタ。 Mercury EditorはHTML5/JavaScript製のオープンソース・ソフトウェア。Webサイトを運営していると、一部のデータを変更したいというニーズは必ず発生する。全てを自動化できる訳はなく、アイコンやラベルの変更は手作業で行うだろう。 編集中 しかしシステムへの組み込みで細分化されたテンプレートを完成図を予想しながら変更していくのは難しい。そこで完成された図をそのままに修正する試みはどうだろう。それを可能にするのがMercury Editorだ。 Mercury EditorはJavaScript製のコンテンツエディターだが、表示されているWebサイトをそのまま編集できる所が新しい。実行すると画面上にツールバーが表示されて編集できる状態になる。編集できる場所は指定可能だ。文字装飾

                                      • jQueryを使ったWYSIWYGエディタ·jWYSIWYG MOONGIFT

                                        Webベースでリッチなドキュメントを作成できるソフトウェアと言えば、FCKEditorやWYMeditorなどが一般的だ。これらは非常に便利なソフトウェアではあるが、既に出来上がった感のあるソフトウェアであり、修正しようとも思えないほど多機能だ。逆に多機能すぎて動作が重たいという欠点がある。 jQueryベースのWYSIWYGエディタ 必要なものだけを簡単にピックアップできる、さらに自分なりにカスタマイズすることも考えたい方のためにjwysiwygを紹介しよう。 今回紹介するオープンソース・ソフトウェアはjWYSIWYG、jQueryプラグインとして提供されるWYSIWYGエディタだ。 jWYSIWYGはWYMeditorを模して作られているWYSIWYGエディタだ。jQueryをベースとして作られており、18KBと軽量な作りになっている(圧縮版は7KBだ)。必要な画像やCSSを合わせても

                                          jQueryを使ったWYSIWYGエディタ·jWYSIWYG MOONGIFT
                                        • 【レビュー】かんたん! WYSIWYG Wikiシステム - GroupsWiki登場 (1) GroupsWikiとは | エンタープライズ | マイコミジャーナル

                                          本稿ではシンプルなWikiシステムに対して、そのままAjax対応/WYSIWYGエディタの導入を実現したWebサービスとして"GroupsWiki"を紹介したい。 GroupsWikiはBen Nolan氏によって開発されているWYSIWYG Wikiシステム。簡単に扱えることに主眼がおかれているシステムで、ブラウザから利用できるサービスとして公開されている。Ajaxを活用して開発されているほか、WYSIWYGエディタを採用することでWikiテキスト書式を入力する必要がないように構成されている。 GroupsWikiにおける主な特徴は次のとおり。 WYSIWYGエディタが実現されており、Wikiテキスト書式を記載する必要がない 従来のWikiシステムのように編集と閲覧が混在しておらず、編集モードはログアウトするまで常に編集モード 新しいリンクの作成がページの作成になっており、簡単なインター

                                          • jQueryを使ったWYSIWYGなエディタ·elRTE MOONGIFT

                                            elRTEはJavaScript製/jQueryプラグインなオープンソース・ソフトウェア。Webベースでコンテンツを作成したり、編集する際に取り得る手法は幾つかある。例えば一定の記法に沿って書くことでHTMLにコンバートして表示するもの。もう一つはWYSIWYGなエディタを用意してその場で編集するというものだ。 jQuery UIを使っている WYSIWYGエディタであればリテラシーが高くないユーザであっても、リッチなコンテンツの編集が可能になる。CKEditorをはじめとして幾つか有名なソフトウェアはあるが、ここで紹介したいのはelRTEになる。 elRTEはテキストエリアの上にツールバーを表示するタイプのWYSIWYGエディタで、jQuery UIを使って作られているのが特徴になる。jQueryを使っているので、カスタマイズが容易に行えそうなのが魅力だ。ベースのままでは提供されない機能

                                              jQueryを使ったWYSIWYGなエディタ·elRTE MOONGIFT
                                            • TTW ("Through the Web") WYSIWYG Web Editors - The List

                                              Genii Software provides software that enriches Lotus Notes and Domino with extensions ranging from rich text programmability to automatic doclink conversion to HTML e-mail in LotusScript.

                                                TTW ("Through the Web") WYSIWYG Web Editors - The List
                                              • Open Webware | Open Source, Free Cross Browser WYSIWYG

                                                The ultimate WYSIWYG editor for your web-based applications and forms. Finally, a free cross-browser WYSIWYG editor that’s packed with every rich-text editing feature you need to make your content management system that much better. Setting up openWYSIWYG is so easy, you can quickly turn any < textarea > into a powerful WYSIWYG editor with just a few simple lines of code. Packed with every rich te

                                                • Twitterのhomeページを簡単に超絶カッコよくWYSIWYGで編集できる「Twitter Profile Designer」:phpspot開発日誌

                                                  Twitterのhomeページを簡単に超絶カッコよくWYSIWYGで編集できる「Twitter Profile Designer」 2009年11月20日- Twitterのhomeページを簡単に超絶カッコよくWYSIWYGで編集できる「Twitter Profile Designer」。 デザイナーな方も、そうじゃない方も、超ハイセンスなTwitter画面をサクっと作って自慢できちゃいます。 背景画像の指定が出来、デフォルトで様々な背景テンプレートが用意されていて、その色合いも自由に選べます。 画像が単に用意されていて、使うというのではなく、テンプレートからそれぞれの色味を選んで生成できるところが凄いです。 色合いも次のように、綺麗なカラーパレットから選択するだけで簡単指定。 背景画像には写真をアップしてそのまま適用してみてみることも可能です。 サイドバーのカラーパターンも見たまま編集が

                                                  • WEBフォームをWEB上でWYSIWYG編集して瞬時にダウンロードできる「pForm」:phpspot開発日誌

                                                    pForm - Free HTML Form Builder - Create Web Form Template Online WEBフォームをWEB上でWYSIWYG編集して瞬時にダウンロードできる「pForm」。 出来上がるフォームのなかなかのカッコ良さで十分実用できると思います。 まずは多数あるサンプルカラーの中から好きな色合いを選びます。 フォームに追加したい、テキストボックスやドロップダウンなどのクリックで追加していきます。 追加したらその場でサクサク反映されます。 で「Save Form」ボタンを押します。 たったこれだけのステップで完成しました。 ダウンロードしたフォームにはCSS、JavaScriptが含まれていてなかなかカッコいいものになってます。 HTML部分はサクッと終わってしまうので、あとはこれをカスタマイズして送信できるようにすればいいだけです。 残念ながら、P

                                                    • Slack の WYSIWYG を無効にしたい - Qiita

                                                      Slack のテキスト入力欄に WYSIWYG エディタが実装され、Markdown のまま編集したい派は悲鳴を上げている人が多数。苦情もたくさん来ているみたいなので、そのうち無効にできるようなオプションが付きそうですが。(→現在開発中とのことです。追記をご確認ください。 →正式に実装されました🙌) 【追記】 WYSIWIG 無効オプションが正式に実装されたようです🙌 詳細設定から「マークアップでメッセージを書式設定する」というオプションを有効にすると、WYSIWYG が無効にできるようになりました! やり方 クリックで展開(※ご自身で試される場合、自己責任でお願いします)

                                                        Slack の WYSIWYG を無効にしたい - Qiita
                                                      • Bootstrapで使えるWYSIWYGエディタ·bootstrap-wysiwyg MOONGIFT

                                                        bootstrap-wysiwygはBootstrap用のリッチなWYSIWYGエディタです。 使い勝手の良さもあってBootstrapを使ったWebサイトが増えています。より便利に使うためには多彩なウィジェットが欠かせません。今回はBootstrap用WYSIWYGエディタ、bootstrap-wysiwygを紹介します。 シンプルなUIで使い勝手が良さそうです。 文字の装飾は簡単にできます。ツールチップが出るのもいい感じです。 画像の埋め込みにも対応しています。ファイルフォームを使って画像を読み込む形になっています。 URLの埋め込み。ダイアログではないのがポイントです。 文字サイズの変更もできます。 bootstrap-wysiwygではさらにマイクアイコンをクリックして音声によるテキスト入力にも対応しています(Google Chromeの機能を使っています)。さらにホットキーへの対

                                                          Bootstrapで使えるWYSIWYGエディタ·bootstrap-wysiwyg MOONGIFT
                                                        • 人気のWYSIWYGエディタ - おおらかにいこう

                                                          WYSIWYGエディタとは、一種のHTMLエディタです。WYSIWYGエディタを使用すると、実際のページレイアウトと同じように表示され、ページを編集できます。ブログ書く人はわかると思うのですが、ブログ記事を書く画面によく使用されていますね。 WYSIWYGエディタは、いくつも開発されており、高機能すぎて少し重たかったりと贅沢な不満もあります。そこで今回は、人気のWYSIWYGエディタのご紹介です。 ・Redactor Redactorは、すっきりとした美しいデザインが特徴です。私は一番好きです。残念ながら有償なんですね。高機能で他のWYSIWYGエディタより美しいデザインなので有償なのも納得です。 Redactor ・CKEditor CKEditorは、高機能でカスタマイズが容易です。日本語に対応してくれていますので、ボタンの説明が日本語で表示されます。 CKEditor ・CLEdit

                                                            人気のWYSIWYGエディタ - おおらかにいこう
                                                          • Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」:phpspot開発日誌

                                                            Bootstrap Magic : Generate your own bootstrap theme quickly and easily Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」 ベースカラーや、フォントサイズ等、かなり多岐に渡るBootstrapのカスタマイズをWEB上で簡単に実施して、そのままCSSに保存できます(Minify化もOK) Bootstrapベースサイトを作る場合は覚えておいて損はないですね。 関連エントリ BootstrapベースのフラットUI実装フレームワーク「Furatto」 Bootstrapのselectをカッコよくできる「Bootstrap-select」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Twitter BootStrap に追加できる5つのコンポーネントパック

                                                            • MOONGIFT: » Railsで有名な37signalsによるシンプル&カスタマイズ可能なWYSIWYGエディタ「WysiHat」:オープンソースを毎日紹介

                                                              WYSIWYGなHTMLエディタは既に数多く存在している。有名なものとしてはFCKEditor、TinyMCEなどが知られている。これらは非常に便利な代物ではあるが、出来上がったものをカスタマイズしようという気にならないくらい重厚な作りになっている。 シンプルな作りのWYSIWYGエディタ もっと自分たちにあったシンプルでカスタマイズが容易なものを!そう願った37signalsは自分たちで作ってしまうことを考えた。 今回紹介するオープンソース・ソフトウェアはWysiHat、カスタマイズ容易なWYSIWYGエディタだ。 WysiHatの特徴はprototype.jsをベースに作られている点だろう。そして文字に対する装飾がメソッドを呼び出すだけで良いというシンプルさもある。選択されている文字などを気にすることなくアクションを呼び出すだけで良い。 prototype.jsベースなのでカスタマイズ

                                                                MOONGIFT: » Railsで有名な37signalsによるシンプル&カスタマイズ可能なWYSIWYGエディタ「WysiHat」:オープンソースを毎日紹介
                                                              • 窓の杜 - 【NEWS】WYSIWYG編集機能を備えたCHMヘルプファイルの作成ソフト「SpeedHelpPad」

                                                                WYSIWYG編集機能を備えたCHMヘルプファイルの作成ソフト「SpeedHelpPad」v1.18.0.0が、11月13日に公開された。Windows XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 「SpeedHelpPad」は、WYSIWYG編集機能を備えたCHMヘルプファイルの作成ソフト。HTML作成のデザイン作業を簡略化できるテーマ機能や、トピック作成ごとにコンテキストIDを自動で割り当てる機能を備えている。そのため、デザインなど余計な作業を意識することなく、ヘルプの本文作成に集中できるのが特長。 本ソフトでヘルプファイルを作成するには、あらかじめ基本デザインとなるテーマを設定しておく必要がある。テーマには、トピックタイトルやページ移動のリンクを表示するヘッダーと、コピーライトや作成日時を表示するフッターが埋め込まれている。各トピックの作成時は、この

                                                                • WYSIWYGエディタでCSSを作成できるサイト「EnjoyCSS」 | ライフハッカー・ジャパン

                                                                  「EnjoyCSS」はWYSIWYGエディタでCSSを作成できるサイトです。ボタンやフォーム、テキストなどのデザインをWYSIWYGエディタで行うことができ、作成したものをCSS3でダウンロードすることができます。 以下に使ってみた様子を載せておきます。まずEnjoyCSSへアクセスしましょう。ボタンやフォーム、テキストなどいくつかのカテゴリに分かれているので、作りたいものを選びましょう。今回はボタンを作ってみます。 こちらがエディタです。左側にプレビューがリアルタイムで更新されます。右側にはTransitionや背景、影、余白などを設定できますよ。 編集が完了したら右上の「Get the code」からCSS3でダウンロードできますよ。CSSでボタンやフォームなどを作りたいときにぜひご活用ください。 EnjoyCSS (カメきち)

                                                                    WYSIWYGエディタでCSSを作成できるサイト「EnjoyCSS」 | ライフハッカー・ジャパン
                                                                  • JavaScriptを使った各種WYSIWYGライブラリまとめ:phpspot開発日誌

                                                                    JavaScriptを使った各種WYSIWYGライブラリまとめ。 こういった仕組みも今では真新しいものではなくなりましたが、それぞれ特徴があって微妙に使いどころが違う場合があると思うのでまとめ。 Yahoo UI Library ベースのWYSIWYG prototype.jsでクロスブラウザなWYSIWIGエディタ FCKEditor TinyMCE 3年程前ではこういった機能はHTMLだけでは不可能だと思っていましたが、今では当たり前になってしまいましたね。 個人的には、Ajaxぐらい素晴らしいJavaScriptを使った機能じゃないかと思っています。技術の進化って素晴らしいですね。

                                                                    • シンプルなWYSIWYGエディタ作成用JSライブラリ「jWYSIWYG」:phpspot開発日誌

                                                                      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

                                                                      • 【Movable Type 5.0】AjaxなWYSIWYGエディタCKEditor for MT公開: 世界中の1%の人々へ

                                                                        2009年11月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 Movable Type 5.0用WYSIWYGエディタの決定版打!堂々の公開! 2009年11月9日(月)ToI企画の天野さんとの共同プロジェクトによる、CKEditor for Movable Type 1.00公開(※以下、CKEditor for MTと省略)。このプラグインはFCKEditorの後継WYSIWYGエディタである、CKEditorを日本語ローカライズ化してMovable Type 5.0で利用できるようにしたものだ。 CKEditorは、FCKeditorのよさを引き継ぎながら、より動作は軽快に、拡張性にも優れた設計になっており、操作はFCKeditorに慣れた人なら、なにも問題はないだ

                                                                        • prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」:phpspot開発日誌

                                                                          prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」 2007年05月14日- Control.TextArea : Cross Browser TextArea Manipulation Decent, flexible WYSIWYG editing in the browser is still an inconsistent affair at best in terms of user experience, integration effort, and generated markup. prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」 利用にあたってのサンプルコードは次です。 ­textarea = new Control.TextArea('textarea_id');

                                                                          • Redactor WYSIWYG html editor

                                                                            Ultra-modern, AI-powered editor with powerful API capabilities, a wide range of settings, good documentation and tons of integration examples. <h1>Exploring the Infinite 🙂</h1> <p>Space, the final frontier, stretches infinitely beyond the confines of Earth, a vast expanse of darkness speckled with stars, planets, and <b>galaxies</b>. It is a place of profound mystery and beauty, where the laws of

                                                                            • NicEdit - WYSIWYG Content Editor, Inline Rich Text Application

                                                                              What is NicEdit? NicEdit is a Lightweight, Cross Platform, Inline Content Editor to allow easy editing of web site content on the fly in the browser. NicEdit Javascript integrates into any site in seconds to make any element/div editable or convert standard textareas to rich text editing. Take boring textareas like this one in your application A Full featured rich text editor in your application i

                                                                              • 窓の杜 - 【NEWS】WYSIWYG編集可能なHTMLエディター「Nvu」の後継「KompoZer」v0.7.10が公開

                                                                                オープンソースのWYSIWYG型HTMLエディター「KompoZer」v0.7.10が、8月30日に公開された。Windowsに対応するフリーソフトで、編集部にてWindows XP/Vistaでの動作を確認した。現在、作者のホームページからダウンロードできる。 「KompoZer」は、WYSIWYG編集機能を備えたHTMLエディター。HTMLタグを手書きで記述する必要がなく、複雑なテーブルや入力フォームをマウスドラッグなどで簡単に作成できるのが特長。また作成中のHTMLソースをリアルタイムでプレビューすることもでき、プレビュー画面でタグを修正することも可能。 「KompoZer」は、「Mozilla」から派生したHTMLエディター「Nvu」の後継版。「Nvu」はv1.0公開以来更新が止まってしまっており、いくつか発見された不具合も未修正のままとなっている。そこで本ソフトは、これらの不具合

                                                                                • FBML不要・WYSIWYGで容易にFacebookファンページにオリジナルコンテンツを加える事が出来るTabSite

                                                                                  なかなか良さ気なアプリだったのでご紹介。 Facebookのファンページのブログパーツも かなり見かけるようになってきた印象ですが、 FBMLを使ったオリジナルコンテンツのある ファンページはまだ少ない気がします。独自 の言語であるFBMLへの敷居は思ったよりも 高いのかも知れませんね。 とりあえず急ぎで作る必要がある、FBML(以前記事書きました。 / Facebook関連記事はここから)どころかHTMLも分からない、という方でもファンページにオリジナルのコンテンツを加えることが可能なFacebookアプリをご紹介します。 WYSIWYGで作成しますのでかなり敷居は下がるのではないでしょうか。 ファンページにタブ切り替え式のオリジナルコンテンツを、WYSIWYGを使って加えることが出来ます。その他、YoutubeやTwitter、ブログなどのRSSを読み込んで流すことも出来ますよ。 使い

                                                                                    FBML不要・WYSIWYGで容易にFacebookファンページにオリジナルコンテンツを加える事が出来るTabSite