#chiroruLab

趣味と日々の雑記録

Textwellの縦書きプレビューに編集機能をつけました。

f:id:chiroru_27:20131018155551j:plain
縦書きにしていると、何だか2割り増しくらいでアイディアが浮かんできます。
ただ、そういうグッドアイディアに限って忘れやすい…

そんなわけで「前回」のアクションをパワーアップ!
今回の縦書きプレビュー ver2.0では変更が反映されます。

新しいバージョンを公開しました。

縦書きプレビュー ver2.5

少し「縦書きプレビュー」を調整。今度はタイトルを指定出来ます。 - #ChiroruLab


日本語は縦書きが一番美しい。

どうも、@chiroru_27 です
前回作ったアクションですが、編集はできるものの反映されないんです。
これはDraftPad版からの仕様なので、移植という意味では正しいのですが、使い勝手で考えると少し問題があります。

そんなわけで早速修正。早くもver2.0の誕生です。

縦書きプレビュー ver2.0

f:id:chiroru_27:20131018155546j:plain

嫌なら自分の好きなように直せばいいじゃない。

Textwellになってからアクション作成の敷居がグンと下がりましたね。
そのおかげで私でも簡単に弄れちゃいます! ありがとうTextwell!

変更点

## 変更点
2013年10月18日

  • プレビュー画面で編集した変更を反映できるようになりました。
    • アクション終了時「変更を保存して閉じる」を選択してください。
  • スタイルをstyle要素内に記述しました。

ソース

>>登録はこちら。

<html>
 <head>
  <title>縦書きプレビュー</title>
  <meta name="viewport" content="width=device-width">
  <style>
   html {
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -epub-writing-mode: vertical-rl;
    line-height: 1.5;
    text-align: justify;
    font-size: x-large;
   }
  </style>
 </head>
 <body>
  <script>
   document.write( "<pre><br>"+ T.whole +"</pre>" );
   document.body.contentEditable=true;
   window.scroll(0,0);
   
   T.closelets([
    {title: "変更を保存して閉じる",
     fn: function(){
      var textAll = document.body.innerText.replace(/^\n/ , "");
      T("replaceWhole" , {text: textAll})
     }
    }
   ]);
  </script>
 </body>
</html>

使い方

  1. アクション実行
  2. 好きなように編集
  3. アクション終了
  4. 変更を保存するか選択
  5. 完了
f:id:chiroru_27:20131018155548j:plain f:id:chiroru_27:20131018014818j:plain
f:id:chiroru_27:20131018155546j:plain f:id:chiroru_27:20131018155551j:plain

f:id:chiroru_27:20131018155550j:plain



今回から変更が反映されるの、思う存分編集できますね!

以上、@chiroru_27 でした!

修正
2013年10月19日
誤:アシスト
正:アクション
また間違いました^^;