画像をドラッグ&ドロップできる超簡易WYSIWYGエディタ
画像ファイルをドロップすると、img
要素で表示するWYSIWYGエディタもどき。
送信用コードも書いてあるものの、送信先を外部ドメインにすることで、
送信中に必ずエラーが出るようにしている。
var h = require('virtual-dom/h'); | |
var diff = require('virtual-dom/diff'); | |
var patch = require('virtual-dom/patch'); | |
var createElement = require('virtual-dom/create-element'); | |
var Hammer = require('hammerjs'); | |
var requestAnimationFrame = require('raf'); | |
/** | |
* イベント用のHook、`EvHook`を定義 | |
*/ |
/** | |
* data-alert属性 | |
*/ | |
window.addEventListener('click', function(e){ | |
var target = e.target; | |
if (target.dataset.hasOwnProperty('alert')) { | |
alert(target.dataset.alert); | |
} | |
}, false); |
/** | |
* @see http://stackoverflow.com/questions/3277182#3277192 | |
*/ | |
var isStrictModeSupported = (function() { 'use strict'; return !this; }()); |
Uint8ClampedArray/CanvasPixelArrayの比較処理 - パフォーマンス計測 |
合成除外の文字以外で構成された文字列の置換 - パフォーマンス計測 |
『input要素のtext属性(他)の左内側の余白を空ける方法 - Qiita』のサンプル |
Get style property (CSSStyleDeclaration object) of Pseudo Elements / 擬似要素のstyleプロパティ(CSSStyleDeclarationオブジェクト)を取得 |
Online and offline events example |
画像ファイルをドロップすると、img
要素で表示するWYSIWYGエディタもどき。
送信用コードも書いてあるものの、送信先を外部ドメインにすることで、
送信中に必ずエラーが出るようにしている。
<!DOCTYPE html> | |
<meta charset=utf-8> | |
<meta name=viewport content="width=device-width,initial-scale=1"> | |
<meta name=format-detection content="telephone=no,email=no,address=no"> | |
<title>The DOM input event run test</title> | |
<h1>The DOM input event run test</h1> | |
<!--<p><label><input type=hidden>: <input type=hidden></label>--> | |
<p><label><input type=text>: <input type=text></label> | |
<p><label><input type=search>: <input type=search></label> |