{"id":1908,"date":"2016-04-01T19:48:34","date_gmt":"2016-04-01T10:48:34","guid":{"rendered":"http:\/\/appsweets.net\/blog\/?p=1908"},"modified":"2016-04-01T19:48:34","modified_gmt":"2016-04-01T10:48:34","slug":"editing-rich-text-with-wasavi-4","status":"publish","type":"post","link":"https:\/\/appsweets.net\/blog\/2016\/04\/01\/editing-rich-text-with-wasavi-4\/","title":{"rendered":"Editing rich text with wasavi #4"},"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>\u307c\u3061\u307c\u3061 wasavi \u306b\u7d44\u307f\u8fbc\u307f\u59cb\u3081\u305f\u3044\u306e\u3060\u304c\u30011\u3064\u8003\u3048\u308b\u3053\u3068\u304c\u3042\u308b\u3002<\/p>\n<p>contenteditable \u306a\u8981\u7d20\u306b\u3069\u306e\u3088\u3046\u306b\u30c6\u30ad\u30b9\u30c8\u306e\u5404\u884c\u3092\u683c\u7d0d\u3059\u308b\u304b\u306f\u3001\u30b5\u30a4\u30c8\u306b\u3088\u3063\u3066\u307e\u3061\u307e\u3061\u3067\u3042\u308a\u304a\u304a\u3088\u305d\u4ee5\u4e0b\u306e\u7a2e\u985e\u304c\u3042\u308b:<\/p>\n<ol>\n<li>\u6bb5\u843d\u3092 div \u3067\u533a\u5207\u308b<\/li>\n<li>\u6bb5\u843d\u3092 p \u3067\u533a\u5207\u308b<\/li>\n<li>\u6bb5\u843d\u81ea\u4f53\u306f\u30c6\u30ad\u30b9\u30c8\u30ce\u30fc\u30c9\u3067\u3042\u308a\u3001br \u3067\u533a\u5207\u308b<\/li>\n<li>\u30c6\u30ad\u30b9\u30c8\u5168\u4f53\u304c\u30c6\u30ad\u30b9\u30c8\u30ce\u30fc\u30c9\u3067\u3042\u308a\u3001\\n \u305d\u306e\u3082\u306e\u3067\u533a\u5207\u308b<\/li>\n<\/ol>\n<p>\u3053\u306e\u4ed6\u3001\u3082\u3061\u308d\u3093\u4eca\u56de\u5bfe\u5fdc\u3057\u3066\u3044\u308b gmail \u306e\u3088\u3046\u306b\u3001\u5b8c\u5168\u306a\u30ea\u30c3\u30c1\u30a8\u30c7\u30a3\u30c3\u30c8\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3068\u3057\u3066\u6271\u3046\u304b\u3001\u305d\u308c\u3068\u3082 Twitter \u306e\u3088\u3046\u306b\u591a\u5c11\u66f8\u5f0f\u4ed8\u3051\u3089\u308c\u308b textarea \u8981\u7d20\u306e\u4e9c\u7a2e\u3068\u3057\u3066\u6271\u3046\u304b\u306e\u5225\u3082\u3042\u308b\u3002<\/p>\n<p>\u9762\u5012\u306a\u306e\u306f\u3001\u3069\u306e\u30b5\u30a4\u30c8\u304c\u3069\u306e\u30bf\u30a4\u30d7\u304b\u3092\u6a5f\u68b0\u7684\u306b\u5224\u65ad\u3059\u308b\u3053\u3068\u306f\u307e\u3063\u305f\u304f\u3067\u304d\u306a\u3044\u3068\u3044\u3046\u3053\u3068\u3060\u3002\u30ea\u30b9\u30c8\u3092\u4fdd\u6301\u3057\u3066\u3001\u6ce5\u81ed\u304f\u5224\u65ad\u3059\u308b\u3057\u304b\u306a\u3044\u306e\u3067\u3042\u308b\u3002\u4f8b\u3048\u3070\u3059\u3067\u306b issue \u3068\u3057\u3066\u6319\u3052\u3089\u308c\u305f\u4ef6\u3067\u306f\u3001<a href=\"https:\/\/workflowy.com\/\" target=\"_blank\">workflowy<\/a> \u3067\u4f7f\u7528\u3055\u308c\u3066\u3044\u308b contentEditable \u306a div \u8981\u7d20\u3067\u306f\u30c6\u30ad\u30b9\u30c8\u3092 3. \u306e\u30d1\u30bf\u30fc\u30f3\u3067\u683c\u7d0d\u3057\u3066\u3044\u308b\u304c\u3001\u3053\u306e\u30b5\u30a4\u30c8\u304c\u3053\u308c\u3092\u3069\u3053\u304b\u3067\u8868\u660e\u3057\u3066\u3044\u308b\u308f\u3051\u3067\u306f\u307e\u3063\u305f\u304f\u306a\u3044\u3002wasavi \u5074\u3067\u52dd\u624b\u306b\u3046\u307e\u304f\u8fbb\u8904\u3092\u5408\u308f\u305b\u308b\u3057\u304b\u306a\u3044\u3002<\/p>\n<p>\u3068\u308a\u3042\u3048\u305a\u305d\u306e\u30ea\u30b9\u30c8\u306f agent.js \u5185\u306b\u5b9a\u6570\u306e\u5f62\u3067\u6301\u3063\u3066\u3044\u308b\u3002\u3082\u3057\u304b\u3057\u305f\u3089\u5c06\u6765\u7684\u306b\u306f\u3001\u30aa\u30d7\u30b7\u30e7\u30f3\u30da\u30fc\u30b8\u3067\u30e6\u30fc\u30b6\u30fc\u304c\u7de8\u96c6\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u3002<\/p>\n<p>* * *<\/p>\n<p>\u3068\u3044\u3046\u308f\u3051\u3067\u7d44\u307f\u8fbc\u3093\u3060\u3002\u4f55\u304c\u3069\u3046\u306a\u3063\u305f\u306e\u304b\u518d\u5ea6\u307e\u3068\u3081\u3066\u307f\u3088\u3046\u3002<\/p>\n<p><b>1. contentEditable \u306a\u8981\u7d20\u3092 wasavi \u3067\u7de8\u96c6\u3059\u308b\u969b\u306f\u3001\u8981\u7d20\u306e\u5185\u5bb9\u3092 markdown \u306b\u5909\u63db\u3059\u308b\u3088\u3046\u306b\u306a\u3063\u305f<\/b><\/p>\n<p><b>2. markdown \u3067\u306f\u3042\u308b\u304c\u4f8b\u5916\u304c\u3042\u308a\u3001wasavi \u72ec\u81ea\u306e\u30bf\u30b0\u304c\u542b\u307e\u308c\u308b\u3053\u3068\u304c\u3042\u308b<\/b><br \/>\nimg\u3001a\u3001object\u3001embed \u306b\u3064\u3044\u3066\u306f markdown \u3067\u306f\u306a\u304f\u3001\u5143\u306e\u8981\u7d20\u3078\u306e ID \u3092\u6301\u3064\u30ea\u30f3\u30af\u8981\u7d20\u3068\u3057\u3066\u8868\u73fe\u3055\u308c\u308b\u3002\u4f8b\u3048\u3070\u4ee5\u4e0b\u306e\u3088\u3046\u306a:<br \/>\n<code lang=\"html\"><br \/>\n<wasavi:img id=\"tmpid_0000\"><\/wasavi:img><br \/>\n<\/code><\/p>\n<p><b>3. wasavi \u3067\u7de8\u96c6\u3057\u305f\u5185\u5bb9\u3092 contentEditable \u306a\u8981\u7d20\u306b\u66f8\u304d\u623b\u3059\u969b\u3001\u3044\u304f\u3064\u304b\u306e\u65b9\u6cd5\u304c\u3042\u308b<\/b><br \/>\n\u65b9\u6cd5\u306f\u4ee5\u4e0b\u306e\u901a\u308a:<\/p>\n<ul>\n<li>html &#8211; \u5185\u5bb9\u3092 markdown \u3068\u307f\u306a\u3057\u305f\u4e0a\u3067 html \u3092\u69cb\u7bc9\u3059\u308b<\/li>\n<li>div &#8211; \u5185\u5bb9\u306e\u5404\u884c\u3092 div \u8981\u7d20\u306b\u5909\u63db\u3059\u308b<\/li>\n<li>textAndBreak &#8211; \u5185\u5bb9\u306e\u5404\u884c\u3092\u30c6\u30ad\u30b9\u30c8\u30ce\u30fc\u30c9\u306b\u5909\u63db\u3057\u3001br \u8981\u7d20\u3067\u533a\u5207\u308b<\/li>\n<li>plaintext &#8211; \u5185\u5bb9\u5168\u4f53\u3092\u5358\u4f53\u306e\u30c6\u30ad\u30b9\u30c8\u30ce\u30fc\u30c9\u306b\u5909\u63db\u3059\u308b<\/li>\n<\/ul>\n<p>\u3053\u308c\u3089\u306e\u3044\u305a\u308c\u304b\u304c\u30b5\u30a4\u30c8\u306b\u5fdc\u3058\u3066\u81ea\u52d5\u7684\u306b\u6c7a\u5b9a\u3055\u308c\u308b\u3002<\/p>\n<p><b>4. wasavi \u306e\u30aa\u30d7\u30b7\u30e7\u30f3 writeas \u304c\u65b0\u8a2d\u3055\u308c\u305f<\/b><br \/>\n3. \u3067\u9078\u629e\u3055\u308c\u305f\u5024\u304c writeas \u30aa\u30d7\u30b7\u30e7\u30f3\u306b\u8a2d\u5b9a\u3055\u308c\u3001set \u30b3\u30de\u30f3\u30c9\u306b\u3088\u308a\u30e6\u30fc\u30b6\u30fc\u304c\u5225\u306e\u5024\u3092\u4e0a\u66f8\u304d\u3067\u304d\u308b\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>\u307c\u3061\u307c\u3061 wasavi \u306b\u7d44\u307f\u8fbc\u307f\u59cb\u3081\u305f\u3044\u306e\u3060\u304c\u30011\u3064\u8003\u3048\u308b\u3053\u3068\u304c\u3042\u308b\u3002 contenteditable \u306a\u8981\u7d20\u306b\u3069\u306e\u3088\u3046\u306b\u30c6\u30ad\u30b9\u30c8\u306e\u5404\u884c\u3092\u683c\u7d0d\u3059\u308b\u304b\u306f\u3001\u30b5\u30a4\u30c8\u306b\u3088\u3063\u3066\u307e\u3061\u307e\u3061\u3067\u3042\u308a\u304a\u304a\u3088\u305d\u4ee5\u4e0b\u306e\u7a2e\u985e\u304c\u3042\u308b: \u6bb5\u843d\u3092 div \u3067\u533a\u5207\u308b \u6bb5\u843d\u3092 p \u3067\u533a\u5207\u308b \u6bb5\u843d\u81ea\u4f53\u306f\u30c6\u30ad\u30b9\u30c8\u30ce\u30fc\u30c9\u3067\u3042\u308a\u3001br \u3067\u533a\u5207\u308b \u30c6\u30ad\u30b9\u30c8\u5168\u4f53\u304c\u30c6\u30ad\u30b9\u30c8\u30ce\u30fc\u30c9\u3067\u3042\u308a\u3001\\n \u305d\u306e\u3082\u306e\u3067\u533a\u5207\u308b \u3053\u306e\u4ed6\u3001\u3082\u3061\u308d\u3093\u4eca\u56de\u5bfe\u5fdc\u3057\u3066\u3044\u308b gmail \u306e\u3088\u3046\u306b\u3001\u5b8c\u5168\u306a\u30ea\u30c3\u30c1\u30a8\u30c7\u30a3\u30c3\u30c8\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3068\u3057\u3066\u6271\u3046\u304b\u3001\u305d\u308c\u3068\u3082 Twitter \u306e\u3088\u3046\u306b\u591a\u5c11\u66f8\u5f0f\u4ed8\u3051\u3089\u308c\u308b textarea \u8981\u7d20\u306e\u4e9c\u7a2e\u3068\u3057\u3066\u6271\u3046\u304b\u306e\u5225\u3082\u3042\u308b\u3002 \u9762\u5012\u306a\u306e\u306f\u3001\u3069\u306e\u30b5\u30a4\u30c8\u304c\u3069\u306e\u30bf\u30a4\u30d7\u304b\u3092\u6a5f\u68b0\u7684\u306b\u5224\u65ad\u3059\u308b\u3053\u3068\u306f\u307e\u3063\u305f\u304f\u3067\u304d\u306a\u3044\u3068\u3044\u3046\u3053\u3068\u3060\u3002\u30ea\u30b9\u30c8\u3092\u4fdd\u6301\u3057\u3066\u3001\u6ce5\u81ed\u304f\u5224\u65ad\u3059\u308b\u3057\u304b\u306a\u3044\u306e\u3067\u3042\u308b\u3002\u4f8b\u3048\u3070\u3059\u3067\u306b issue \u3068\u3057\u3066\u6319\u3052\u3089\u308c\u305f\u4ef6\u3067\u306f\u3001workflowy \u3067\u4f7f\u7528\u3055\u308c\u3066\u3044\u308b contentEditable \u306a div \u8981\u7d20\u3067\u306f\u30c6\u30ad\u30b9\u30c8\u3092 3. \u306e\u30d1\u30bf\u30fc\u30f3\u3067\u683c\u7d0d\u3057\u3066\u3044\u308b\u304c\u3001\u3053\u306e\u30b5\u30a4\u30c8\u304c\u3053\u308c\u3092\u3069\u3053\u304b\u3067\u8868\u660e\u3057\u3066\u3044\u308b\u308f\u3051\u3067\u306f\u307e\u3063\u305f\u304f\u306a\u3044\u3002wasavi \u5074\u3067\u52dd\u624b\u306b\u3046\u307e\u304f\u8fbb\u8904\u3092\u5408\u308f\u305b\u308b\u3057\u304b\u306a\u3044\u3002 \u3068\u308a\u3042\u3048\u305a\u305d\u306e\u30ea\u30b9\u30c8\u306f agent.js \u5185\u306b\u5b9a\u6570\u306e\u5f62\u3067\u6301\u3063\u3066\u3044\u308b\u3002\u3082\u3057\u304b\u3057\u305f\u3089\u5c06\u6765\u7684\u306b\u306f\u3001\u30aa\u30d7\u30b7\u30e7\u30f3\u30da\u30fc\u30b8\u3067\u30e6\u30fc\u30b6\u30fc\u304c\u7de8\u96c6\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u3002 * * * \u3068\u3044\u3046\u308f\u3051\u3067\u7d44\u307f\u8fbc\u3093\u3060\u3002\u4f55\u304c\u3069\u3046\u306a\u3063\u305f\u306e\u304b\u518d\u5ea6\u307e\u3068\u3081\u3066\u307f\u3088\u3046\u3002 &hellip; <a href=\"https:\/\/appsweets.net\/blog\/2016\/04\/01\/editing-rich-text-with-wasavi-4\/\">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-1908","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\/1908","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=1908"}],"version-history":[{"count":2,"href":"https:\/\/appsweets.net\/blog\/wp-json\/wp\/v2\/posts\/1908\/revisions"}],"predecessor-version":[{"id":1911,"href":"https:\/\/appsweets.net\/blog\/wp-json\/wp\/v2\/posts\/1908\/revisions\/1911"}],"wp:attachment":[{"href":"https:\/\/appsweets.net\/blog\/wp-json\/wp\/v2\/media?parent=1908"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appsweets.net\/blog\/wp-json\/wp\/v2\/categories?post=1908"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appsweets.net\/blog\/wp-json\/wp\/v2\/tags?post=1908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}