designModeを利用して、ブラウザ上でリッチテキストエディタ

HTML JavaScript

ブラウザ上で高機能なテキストエディタを実現したい時、ブラウザに元々備わっているdesignModeを利用することができます。 iframeを用意ページにテキストエディタとなるiframeを配置します。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>デザインモード</title> </head> <body> <iframe id="design-area" width="500" height="500"></iframe> </body> </html> designModeをON 下記のようにd…

2017-07-23

JavaScript(ES6)でElm Architecture(Virtual-DOMなし) --- 可変個コントロール

JavaScript Elm

下記記事にてJavaScriptにElmのModelとUpdateの機構を取り入れてみました。 JavaScript(ES6)でElm Architecture(Virtual-DOMなし) - 何でもプログラミング今回は引き続き、可変個のコントロールに対応してみたいと思います。アプリケーションコードカウン…

2017-07-19

JavaScript(ES6)でElm Architecture(Virtual-DOMなし)

JavaScript Elm

Elm自体がJavaScriptを生成するものなので実際には利用することはないと思いますが（さらに生のJavaScriptがよければReact.jsがあります）、ElmのModelとUpdateの仕組みを生のJavaScriptで実装してみました。WPFとC#で実装されたものは、下記記事にて参照で…