Gucchiy / neo

0 stars 0 forks source link

「塗りつぶし+文字拡大」が WP 公開画面で反映されない #4

Closed Gucchiy closed 3 years ago

Gucchiy commented 3 years ago

「塗りつぶし+文字拡大」について kintoneとWP投稿を編集 では「塗りつぶし+拡大」で表示されているのですが、公開画面では拡大されていませんでした・・・。装飾を重ねるとうまくいかないのでしょうか。タイムラグでしょうか。 後、「投稿した人」が現状同一人物のような印象ですが、個人までは特定せずとも投稿元をkintoneで選択できれば・・・と感じました。

Gucchiy commented 3 years ago

以下、松野さんコメントより:

文字装飾については調べます。 投稿した人は、現状、管理者が承認してWordPress側でも投稿した人が一人です。 これは日記をNEOさん名義のみで書くのか、NEOの誰々さんが書きました、などと署名を入れるのか決める必要があります。 また投稿者の複数選択はWordPress側の機能の追加が必要です。

genepine commented 3 years ago

WP側で更新のたびにメディアライブラリ画像が無限増殖する https://github.com/Gucchiy/neo/issues/7 の対策でクラシックエディターを入れるのでその状態でテストする

genepine commented 3 years ago

送ったデータ 楽しみ 大きな文字 bold <font size="6"><b>楽しみ</b></font> *{ font-size: 100%; } 消す か Kintone側の,リッチエディタの文字の大きさ変更の仕様について,kintoneに質問する

genepine commented 3 years ago

<font> タグがあったらサイズを指定するCssを書く必要がある。 しかしいつ <font> タグが出てくるかわからないので実装や実際の処理が重い。

Gucchiy commented 3 years ago

WP Theme 側の CSS で、font と size 属性の値をセレクタでひっかけて、サイズ応じて font-size 指定とかできないでしょうかねー

genepine commented 3 years ago

Kintoneのフォーム、リッチエディタ内の装飾ごとに、WordPress側に出力されているhtmlタグを調べる。 kintoneフォーラムでWebhook通知時に詳細な内容を見られるか質問中

genepine commented 3 years ago

WP Theme 側の CSS で、font と size 属性の値をセレクタでひっかけて、サイズ応じて font-size 指定とかできないでしょうかねー

css でif文を使う これでしょうか

https://www.conifer.jp/csstest/css-huriwake.html

Gucchiy commented 3 years ago

WP Theme 側の CSS で、font と size 属性の値をセレクタでひっかけて、サイズ応じて font-size 指定とかできないでしょうかねー

css でif文を使う これでしょうか

https://www.conifer.jp/csstest/css-huriwake.html

はい、理屈的には上記を使えば、すべてのタグ+属性に対して見栄えを揃えることは可能だと思います。後はメンテナンス性ですよねー。テーマもアップデートされますけど、そこを割り切るのかどうか。

genepine commented 3 years ago

#

WP Theme 側の CSS で、font と size 属性の値をセレクタでひっかけて、サイズ応じて font-size 指定とかできないでしょうかねー

css でif文を使う これでしょうか https://www.conifer.jp/csstest/css-huriwake.html

はい、理屈的には上記を使えば、すべてのタグ+属性に対して見栄えを揃えることは可能だと思います。後はメンテナンス性ですよねー。テーマもアップデートされますけど、そこを割り切るのかどうか。

テーマのアップデートに影響しない、カスタマイズ用の子テーマを作る方法があります。 Kintone側で古いタグ、変なタグを出力している箇所のみCSSを書いておくのが良いですね。 Kintone 側が変わると大変ですが…

Gucchiy commented 3 years ago

一旦、どのようなタグが Kintone から出力されるか、一般的な記述の範囲( など)でご確認いただけますと幸いです!

genepine commented 3 years ago

KintoneのRich Text Formの内容をPublish Kintone Data でWordPressに送った時のHTMLタグについてまとめました(長い) https://github.com/genepine/Publish-kintone-data-rich-txt-html-tag/wiki アンダーライン uタグ 非推奨要素 http://www.htmq.com/html/u.shtml 文字色・背景色 反映されない 文字の大きさ fontタグ 非推奨要素 http://www.htmq.com/html/font.shtml 打ち消し線 strikeタグ 非推奨要素 http://www.htmq.com/html/strike.shtml 反映されるもの、反映されないものを組み合わせ ダメなものはだめでした

genepine commented 3 years ago

文字色・背景色 反映されない について Kintoneで保存・承認フローを完了にしても反映されない しかしWordPress側のPublish Kintone Data の機能でBulk Updateすると反映される <div><span style="background-color:rgb( 255 , 0 , 0 )">背景色</span></div>

genepine commented 3 years ago

ログでは色が送られている

   '日記の内容' =>
    array (
      'type' => 'RICH_TEXT',
      'value' => '<div><span style="color:rgb( 255 , 0 , 0 )">文字色赤</span><br /></div>',
    ),
   '日記の内容' =>
    array (
      'type' => 'RICH_TEXT',
      'value' => '<div><span style="background-color:rgb( 0 , 0 , 255 )">背景色青</span><br /></div>',
    ),

    '日記の内容' =>
    array (
      'type' => 'RICH_TEXT',
      'value' => '<div><span style="background-color:rgb( 0 , 0 , 255 )"><span style="color:rgb( 255 , 255 , 255 )">背景色青文字色白</span></span><br /></div>',
    ),
genepine commented 3 years ago

WordPressフォーラムでPublish Kintone Dataの作者に質問しました KintoneアプリRich Text formの文字色・背景色がタグのみで反映されない

genepine commented 3 years ago

Publish Kintone Dataの作者に対応いただきました

  • kintoneのリッチエディターで保存した文字色・背景色が下書きに反映された
  • 組み合わせ 文字色赤-背景色黄もできました と同時に1.9.2では同様に下書き時(のプレビュー)に反映されない項目があったがこの更新で解消した
  • Kintoneでチェックボックスを配置。WordPress側への「タグ」に設定
  • 添付ファイル(画像)を2枚配置したときの2枚目
Gucchiy commented 3 years ago

@genepine Publish Kintone Data 作者様にご対応いただく部分、CSS の追加でご対応いただく部分で Issue を分けて頂いたのちにクローズといたします。

Gucchiy commented 3 years ago

上記、 @genepine さんと相談します。Sprint4

genepine commented 3 years ago

本件分割 「塗りつぶし」が WP 公開画面で反映されない #26 「文字拡大」が WP 公開画面で反映されない #27

Gucchiy commented 3 years ago

それぞれ、Issue に分割されましたので、こちらはクローズといたします。