{"id":1639,"date":"2015-06-14T08:29:26","date_gmt":"2015-06-13T23:29:26","guid":{"rendered":"http:\/\/appsweets.net\/blog\/?p=1639"},"modified":"2015-06-14T08:29:26","modified_gmt":"2015-06-13T23:29:26","slug":"expand-wasavi-beyond-a-textarea","status":"publish","type":"post","link":"https:\/\/appsweets.net\/blog\/2015\/06\/14\/expand-wasavi-beyond-a-textarea\/","title":{"rendered":"expand wasavi beyond a textarea"},"content":{"rendered":"<div class=\"db9cc8cdb64025d13c1cc9dad0a0e262\" data-index=\"1\" style=\"float: left; margin: 16px 16px 16px 0;\">\n<script type=\"text\/javascript\"><!--\r\ngoogle_ad_client = \"ca-pub-5825700137064158\";\r\n\/* 250sq, appsweets-blog *\/\r\ngoogle_ad_slot = \"4837931762\";\r\ngoogle_ad_width = 250;\r\ngoogle_ad_height = 250;\r\n\/\/-->\r\n<\/script>\r\n<script type=\"text\/javascript\"\r\nsrc=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\r\n<\/script>\n<\/div>\n<p>\u4eca\u307e\u3067 wasavi \u3092\u8d77\u52d5\u3055\u305b\u308b\u8981\u7d20\u306f\u3001textarea \u304b\u7279\u5b9a\u306e input \u8981\u7d20\u304b\u3001\u3042\u308b\u3044\u306f contentEditable \u5c5e\u6027\u304c\u30aa\u30f3\u306b\u306a\u3063\u3066\u308b\u8981\u7d20\u3067\u3042\u3063\u305f\u3002\u3064\u307e\u308b\u3068\u3053\u308d\u3001\u7de8\u96c6\u3067\u304d\u308b\u306e\u306f\u3042\u304f\u307e\u3067\u5b9f\u8cea\u7684\u306a\u6728\u69cb\u9020\u306e\u7d42\u7aef\u306e\u8981\u7d20\u3067\u3042\u3063\u305f\u3002<\/p>\n<p>\u8a66\u9a13\u7684\u306b\u3053\u308c\u306b document.body \u3092\u542b\u3081\u3066\u307f\u305f\u3044\u3002\u305d\u3046\u3059\u308b\u3068\u3069\u3046\u306a\u308b\u306e\u304b\u3068\u3044\u3048\u3070\u3001\u3064\u307e\u308a\u4f55\u304b\u30c6\u30ad\u30b9\u30c8\u3092\u7de8\u96c6\u3057\u3066\u3044\u308b\u308f\u3051\u3067\u306f\u306a\u3044\u72b6\u614b\u3067 [cci]Ctrl+Enter[\/cci] \u3092\u62bc\u305b\u3070 wasavi \u3092\u8d77\u52d5\u3055\u305b\u3089\u308c\u308b\u3088\u3046\u306b\u306a\u308b\u3002\u3053\u306e\u6642\u306e\u7de8\u96c6\u5bfe\u8c61\u8981\u7d20\u304c document.body \u3068\u3044\u3046\u3053\u3068\u3060\u3002\u3057\u304b\u3057\u3053\u308c\u306f\u5b9f\u8cea\u7684\u306a\u7d42\u7aef\u306e\u8981\u7d20\u3067\u306f\u306a\u3044\u306e\u3067\u3001\u305d\u306e\u5185\u5bb9\u3092\u7de8\u96c6\u30fb\u4e0a\u66f8\u304d\u3067\u304d\u308b\u3068\u3044\u3046\u308f\u3051\u3067\u306f\u306a\u3044\uff08\u3082\u3057\u4e0a\u66f8\u304d\u53ef\u80fd\u306b\u3059\u308b\u3068\u3001\u3068\u3066\u3082\u5371\u967a\u3060\u3002wasavi \u4e0a\u3067\u7de8\u96c6\u3059\u308b\u3082\u306e\u306f\u3042\u304f\u307e\u3067\u30d7\u30ec\u30fc\u30f3\u30c6\u30ad\u30b9\u30c8\u306a\u306e\u3067\u3001\u305d\u306e\u4e0a\u66f8\u304d\u306b\u3088\u3063\u3066\u5931\u308f\u308c\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u5b50\u8981\u7d20\u304c\u3042\u307e\u308a\u306b\u591a\u3059\u304e\u308b\uff09\u3002<\/p>\n<p>\u4e00\u65b9\u3067\u3001save \u52d5\u4f5c\u306b\u5bfe\u3059\u308b load \u52d5\u4f5c\u3082\u7279\u6b8a\u3060\u3002document.body \u306e\u5185\u5bb9\u5168\u4f53\u3092\u30d7\u30ec\u30fc\u30f3\u30c6\u30ad\u30b9\u30c8\u306b\u5909\u63db\u3057\u305f\u3068\u3057\u3066\u3082\u3042\u307e\u308a\u610f\u5473\u304c\u3042\u308b\u3068\u306f\u601d\u3048\u306a\u3044\u3002\u3057\u305f\u304c\u3063\u3066\u521d\u671f\u5185\u5bb9\u306f\u30da\u30fc\u30b8\u306e\u30b5\u30de\u30ea\u306e\u4f53\u88c1\u304c\u826f\u3044\u3068\u601d\u3046\u3002\u3064\u307e\u308a<\/p>\n<p><code>[title \u8981\u7d20\u304b\u6700\u521d\u306e h1 \u8981\u7d20\u306e\u5185\u5bb9]<br \/>\n[URL]<br \/>\n[meta[name=\"description\"] \u8981\u7d20\u304c\u3042\u308c\u3070\u3001\u305d\u306e content \u5c5e\u6027\u306e\u5185\u5bb9]<br \/>\n[wasavi \u8d77\u52d5\u76f4\u524d\u306b\u7bc4\u56f2\u9078\u629e\u3055\u308c\u3066\u3044\u308c\u3070\u3001\u305d\u306e\u5185\u5bb9]<br \/>\n<\/code><\/p>\n<p>\u3068\u3044\u3046\u611f\u3058\u3060\u3002\u30a4\u30e1\u30fc\u30b8\u3068\u3057\u3066\u306f\u3053\u3093\u306a\u611f\u3058\u306b\u30da\u30fc\u30b8\u5168\u4f53\u306b\u8986\u3044\u304b\u3076\u3055\u308b\u3088\u3046\u306b\u8d77\u52d5\u3059\u308b\u3002<br \/>\n<a href=\"http:\/\/appsweets.net\/blog\/wp-content\/uploads\/2015\/06\/wasavi-on-a-page.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/appsweets.net\/blog\/wp-content\/uploads\/2015\/06\/wasavi-on-a-page-640x367.png\" alt=\"wasavi-on-a-page\" width=\"640\" height=\"367\" class=\"aligncenter size-medium wp-image-1640\" srcset=\"https:\/\/appsweets.net\/blog\/wp-content\/uploads\/2015\/06\/wasavi-on-a-page-640x367.png 640w, https:\/\/appsweets.net\/blog\/wp-content\/uploads\/2015\/06\/wasavi-on-a-page-1024x586.png 1024w, https:\/\/appsweets.net\/blog\/wp-content\/uploads\/2015\/06\/wasavi-on-a-page.png 1341w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>\u3053\u306e\u30b5\u30de\u30ea\u81ea\u4f53\u306f\u3001\u3044\u304b\u306b\u3082 twitter \u3068\u304b\u3001\u3042\u308b\u3044\u306f\u30bd\u30fc\u30b7\u30e3\u30eb\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u767b\u9332\u3055\u308c\u308b\u305d\u308c\u3063\u307d\u3044\u611f\u3058\u3060\u3002\u3067\u3042\u308c\u3070\u3001\u307e\u3055\u306b\u305d\u306e\u7528\u9014\u306b\u4f7f\u3046\u3088\u3046\u306b\u3059\u308c\u3070\u3088\u3044\u306e\u3067\u306f\u306a\u3044\u304b\uff1f\u3000\u3064\u307e\u308a\u30e6\u30fc\u30b6\u304c\u4efb\u610f\u306e\u30da\u30fc\u30b8\u3092\u958b\u3044\u3066\u3001\u3053\u308c\u3092 SBM \u306b\u767b\u9332\u3057\u305f\u3044\u3068\u8003\u3048\u308b\u3002\u305d\u306e\u904e\u7a0b\u3067\u3061\u3087\u3063\u3068\u3057\u305f\u30b3\u30e1\u30f3\u30c8\u306a\u3093\u304b\u3082\u8ffd\u8a18\u3057\u305f\u3044\uff08\u3057\u304b\u3082\u3001vi \u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3067\uff09\u3002\u3053\u306e\u4e00\u9023\u306e\u4f5c\u696d\u3092 wasavi \u304c\u9762\u5012\u3092\u898b\u308c\u3070\u3088\u3044\u306e\u3067\u306f\u306a\u3044\u304b\u3068\u3044\u3046\u3053\u3068\u3060\u3002<\/p>\n<p>\u3057\u304b\u3057\u3001SBM \u30b5\u30fc\u30d3\u30b9\u3068\u3044\u3046\u306e\u306f\u975e\u5e38\u306b\u305f\u304f\u3055\u3093\u3042\u308b\u308f\u3051\u3067\u5168\u3066\u306b\u5bfe\u5fdc\u3059\u308b\u306e\u306f\u7121\u7406\u3060\u3002\u307e\u305f\u3001\u767b\u9332\u51e6\u7406\u81ea\u4f53\u306f\u30c6\u30ad\u30b9\u30c8\u30a8\u30c7\u30a3\u30bf\u306e\u4ed5\u4e8b\u306e\u7bc4\u7587\u304b\u3089\u5916\u308c\u3066\u3044\u308b\u3057\u3001\u3084\u308b\u3068\u3057\u305f\u3089\u30a8\u30c7\u30a3\u30bf\u5185\u8535\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3084\u30b9\u30af\u30ea\u30d7\u30c6\u30a3\u30f3\u30b0\u6a5f\u69cb\u304c\u53d7\u3051\u6301\u3064\u3079\u304d\u3060\u3051\u3069\u3001wasavi \u306f\u307e\u3060\u3069\u3061\u3089\u3082\u6301\u3061\u5408\u308f\u305b\u3066\u3044\u306a\u3044\u3002<\/p>\n<p>\u3068\u308a\u3042\u3048\u305a document.body \u4e0a\u3067\u3082\u8d77\u52d5\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u3066\u3001\u305d\u308c\u3092\u3069\u3046\u3059\u308b\u304b\u306f\u61f8\u6848\u4e8b\u9805\u3068\u3057\u3066\u304a\u3053\u3046\u3002<\/p>\n<div class=\"db9cc8cdb64025d13c1cc9dad0a0e262\" data-index=\"1\" style=\"float: left; margin: 16px 16px 16px 0;\">\n<script type=\"text\/javascript\"><!--\r\ngoogle_ad_client = \"ca-pub-5825700137064158\";\r\n\/* 250sq, appsweets-blog *\/\r\ngoogle_ad_slot = \"4837931762\";\r\ngoogle_ad_width = 250;\r\ngoogle_ad_height = 250;\r\n\/\/-->\r\n<\/script>\r\n<script type=\"text\/javascript\"\r\nsrc=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\r\n<\/script>\n<\/div>\n\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\u4eca\u307e\u3067 wasavi \u3092\u8d77\u52d5\u3055\u305b\u308b\u8981\u7d20\u306f\u3001textarea \u304b\u7279\u5b9a\u306e input \u8981\u7d20\u304b\u3001\u3042\u308b\u3044\u306f contentEditable \u5c5e\u6027\u304c\u30aa\u30f3\u306b\u306a\u3063\u3066\u308b\u8981\u7d20\u3067\u3042\u3063\u305f\u3002\u3064\u307e\u308b\u3068\u3053\u308d\u3001\u7de8\u96c6\u3067\u304d\u308b\u306e\u306f\u3042\u304f\u307e\u3067\u5b9f\u8cea\u7684\u306a\u6728\u69cb\u9020\u306e\u7d42\u7aef\u306e\u8981\u7d20\u3067\u3042\u3063\u305f\u3002 \u8a66\u9a13\u7684\u306b\u3053\u308c\u306b document.body \u3092\u542b\u3081\u3066\u307f\u305f\u3044\u3002\u305d\u3046\u3059\u308b\u3068\u3069\u3046\u306a\u308b\u306e\u304b\u3068\u3044\u3048\u3070\u3001\u3064\u307e\u308a\u4f55\u304b\u30c6\u30ad\u30b9\u30c8\u3092\u7de8\u96c6\u3057\u3066\u3044\u308b\u308f\u3051\u3067\u306f\u306a\u3044\u72b6\u614b\u3067 [cci]Ctrl+Enter[\/cci] \u3092\u62bc\u305b\u3070 wasavi \u3092\u8d77\u52d5\u3055\u305b\u3089\u308c\u308b\u3088\u3046\u306b\u306a\u308b\u3002\u3053\u306e\u6642\u306e\u7de8\u96c6\u5bfe\u8c61\u8981\u7d20\u304c document.body \u3068\u3044\u3046\u3053\u3068\u3060\u3002\u3057\u304b\u3057\u3053\u308c\u306f\u5b9f\u8cea\u7684\u306a\u7d42\u7aef\u306e\u8981\u7d20\u3067\u306f\u306a\u3044\u306e\u3067\u3001\u305d\u306e\u5185\u5bb9\u3092\u7de8\u96c6\u30fb\u4e0a\u66f8\u304d\u3067\u304d\u308b\u3068\u3044\u3046\u308f\u3051\u3067\u306f\u306a\u3044\uff08\u3082\u3057\u4e0a\u66f8\u304d\u53ef\u80fd\u306b\u3059\u308b\u3068\u3001\u3068\u3066\u3082\u5371\u967a\u3060\u3002wasavi \u4e0a\u3067\u7de8\u96c6\u3059\u308b\u3082\u306e\u306f\u3042\u304f\u307e\u3067\u30d7\u30ec\u30fc\u30f3\u30c6\u30ad\u30b9\u30c8\u306a\u306e\u3067\u3001\u305d\u306e\u4e0a\u66f8\u304d\u306b\u3088\u3063\u3066\u5931\u308f\u308c\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u5b50\u8981\u7d20\u304c\u3042\u307e\u308a\u306b\u591a\u3059\u304e\u308b\uff09\u3002 \u4e00\u65b9\u3067\u3001save \u52d5\u4f5c\u306b\u5bfe\u3059\u308b load \u52d5\u4f5c\u3082\u7279\u6b8a\u3060\u3002document.body \u306e\u5185\u5bb9\u5168\u4f53\u3092\u30d7\u30ec\u30fc\u30f3\u30c6\u30ad\u30b9\u30c8\u306b\u5909\u63db\u3057\u305f\u3068\u3057\u3066\u3082\u3042\u307e\u308a\u610f\u5473\u304c\u3042\u308b\u3068\u306f\u601d\u3048\u306a\u3044\u3002\u3057\u305f\u304c\u3063\u3066\u521d\u671f\u5185\u5bb9\u306f\u30da\u30fc\u30b8\u306e\u30b5\u30de\u30ea\u306e\u4f53\u88c1\u304c\u826f\u3044\u3068\u601d\u3046\u3002\u3064\u307e\u308a [title \u8981\u7d20\u304b\u6700\u521d\u306e h1 \u8981\u7d20\u306e\u5185\u5bb9] [URL] [meta[name=&#8221;description&#8221;] \u8981\u7d20\u304c\u3042\u308c\u3070\u3001\u305d\u306e content \u5c5e\u6027\u306e\u5185\u5bb9] [wasavi \u8d77\u52d5\u76f4\u524d\u306b\u7bc4\u56f2\u9078\u629e\u3055\u308c\u3066\u3044\u308c\u3070\u3001\u305d\u306e\u5185\u5bb9] \u3068\u3044\u3046\u611f\u3058\u3060\u3002\u30a4\u30e1\u30fc\u30b8\u3068\u3057\u3066\u306f\u3053\u3093\u306a\u611f\u3058\u306b\u30da\u30fc\u30b8\u5168\u4f53\u306b\u8986\u3044\u304b\u3076\u3055\u308b\u3088\u3046\u306b\u8d77\u52d5\u3059\u308b\u3002 \u3053\u306e\u30b5\u30de\u30ea\u81ea\u4f53\u306f\u3001\u3044\u304b\u306b\u3082 twitter \u3068\u304b\u3001\u3042\u308b\u3044\u306f\u30bd\u30fc\u30b7\u30e3\u30eb\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u767b\u9332\u3055\u308c\u308b\u305d\u308c\u3063\u307d\u3044\u611f\u3058\u3060\u3002\u3067\u3042\u308c\u3070\u3001\u307e\u3055\u306b\u305d\u306e\u7528\u9014\u306b\u4f7f\u3046\u3088\u3046\u306b\u3059\u308c\u3070\u3088\u3044\u306e\u3067\u306f\u306a\u3044\u304b\uff1f\u3000\u3064\u307e\u308a\u30e6\u30fc\u30b6\u304c\u4efb\u610f\u306e\u30da\u30fc\u30b8\u3092\u958b\u3044\u3066\u3001\u3053\u308c\u3092 SBM \u306b\u767b\u9332\u3057\u305f\u3044\u3068\u8003\u3048\u308b\u3002\u305d\u306e\u904e\u7a0b\u3067\u3061\u3087\u3063\u3068\u3057\u305f\u30b3\u30e1\u30f3\u30c8\u306a\u3093\u304b\u3082\u8ffd\u8a18\u3057\u305f\u3044\uff08\u3057\u304b\u3082\u3001vi &hellip; <a href=\"https:\/\/appsweets.net\/blog\/2015\/06\/14\/expand-wasavi-beyond-a-textarea\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[5,3,4],"class_list":["post-1639","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-javascript","tag-vi","tag-wasavi"],"_links":{"self":[{"href":"https:\/\/appsweets.net\/blog\/wp-json\/wp\/v2\/posts\/1639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appsweets.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appsweets.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appsweets.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/appsweets.net\/blog\/wp-json\/wp\/v2\/comments?post=1639"}],"version-history":[{"count":2,"href":"https:\/\/appsweets.net\/blog\/wp-json\/wp\/v2\/posts\/1639\/revisions"}],"predecessor-version":[{"id":1642,"href":"https:\/\/appsweets.net\/blog\/wp-json\/wp\/v2\/posts\/1639\/revisions\/1642"}],"wp:attachment":[{"href":"https:\/\/appsweets.net\/blog\/wp-json\/wp\/v2\/media?parent=1639"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appsweets.net\/blog\/wp-json\/wp\/v2\/categories?post=1639"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appsweets.net\/blog\/wp-json\/wp\/v2\/tags?post=1639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}