Closed cat2151 closed 8 years ago
[仕様] 頑張らず、テキストエリアを使う方向。 [理由] 実装をシンプルにしてメンテしやすくすることを優先。 [補足] 生成MMLに改行コードは入っているが、AngularJSの{{}}系処理つまりng-bindでは改行コードを無視してhtmlレンダリングされる為。 [補足] 頑張る場合の対応コストはそれなりにある。今回の要件を満たすために支払うコストとしては見合わないと判断。 [参考] AngularJSで改行を含むテキストを超簡単にng-bindする http://yoshiko.hatenablog.jp/entry/2015/02/26/AngularJS%E3%81%A7%E6%94%B9%E8%A1%8C%E3%82%92%E5%90%AB%E3%82%80%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%92%E8%B6%85%E7%B0%A1%E5%8D%98%E3%81%ABng-bind%E3%81%99%E3%82%8B [参考] 改行を有効にするフィルタ http://qiita.com/izumin5210/items/1b9fe7d2f851ba95136b [参考] 改行コードを < br > に変換するAngularJSフィルタ https://gist.github.com/frontainer/54c159fb9b45488500f1 [実装] html {{}}でなくtextareaにする。バインディングが双方向でないことをユーザに明示する為、読み取り専用にしておくこと。でないとユーザは「双方向なのか、そうでないのか」判断に労力を使って混乱してしまい、よくない。
[仕様] 頑張らず、テキストエリアを使う方向。 [理由] 実装をシンプルにしてメンテしやすくすることを優先。 [補足] 生成MMLに改行コードは入っているが、AngularJSの{{}}系処理つまりng-bindでは改行コードを無視してhtmlレンダリングされる為。 [補足] 頑張る場合の対応コストはそれなりにある。今回の要件を満たすために支払うコストとしては見合わないと判断。 [参考] AngularJSで改行を含むテキストを超簡単にng-bindする http://yoshiko.hatenablog.jp/entry/2015/02/26/AngularJS%E3%81%A7%E6%94%B9%E8%A1%8C%E3%82%92%E5%90%AB%E3%82%80%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%92%E8%B6%85%E7%B0%A1%E5%8D%98%E3%81%ABng-bind%E3%81%99%E3%82%8B [参考] 改行を有効にするフィルタ http://qiita.com/izumin5210/items/1b9fe7d2f851ba95136b [参考] 改行コードを < br > に変換するAngularJSフィルタ https://gist.github.com/frontainer/54c159fb9b45488500f1 [実装] html {{}}でなくtextareaにする。バインディングが双方向でないことをユーザに明示する為、読み取り専用にしておくこと。でないとユーザは「双方向なのか、そうでないのか」判断に労力を使って混乱してしまい、よくない。