リクエスト広場

指定書式のコピーをボタン1つでできるように / 12

23 コメント

views

まずは、#code にコピーボタンを実装いたしました。
コピーボタンはデフォルトで表示されるため、#code に引数は不要です。
今後、インライン型の別プラグインとしての実装も視野に入れておりますので、デザイン等について引き続きご意見をいただけましたら幸いです。

ソース表示通報 ...

13
款冬華 dcc2461a56 2025/04/24 (木) 12:31:30 >> 12
不具合報告です。

#code{{ CENTER:&fa_stack(fa-2x,#ffd700){&fa(fa-solid fa-diamond fa-stack-2x); &fa(fa-solid fa-person-digging fa-stack-1x,#000000);}; LEFT:このページは編集中です。ページ名を変更する可能性があります。 }}

コピーボタンを押して貼り付けるとデコードされずに反映されます。改行もされません。記述した通りにコピーするよう、お願いいたします。

貼り付けた時の内容

center:&fa_stack(fa-2x,%23ffd700)%7B&fa(fa-solid%20fa-diamond%20fa-stack-2x);%20&fa(fa-solid%20fa-person-digging%20fa-stack-1x,%23000000);%7D;%0ALEFT:%E3%81%93%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AF%E7%B7%A8%E9%9B%86%E4%B8%AD%E3%81%A7%E3%81%99%E3%80%82%E3%83%9A%E3%83%BC%E3%82%B8%E5%90%8D%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B%E5%8F%AF%E8%83%BD%E6%80%A7%E3%81%8C%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82
14

WIKIWIKI運営 zawazawa 2025/04/24 (木) 13:17:18 >> 13

ご連絡ありがとうございます。
iPhoneでコピーした後、フォームに貼り付けた際にご指摘の現象をこちらでも再現できました。
なお、iPhoneのメモ帳アプリには正常に貼り付けできることも確認しており、iOSのブラウザ側の仕様による可能性がありそうです。
現在、原因の特定を進めております。

15

款冬華 dcc2461a56 2025/04/24 (木) 13:49:36 >> 13

ご確認ありがとうございます。一旦、教えていただいた対処法で今後は編集いたします。幾度となくiOS独自のブラウザ仕様にお手を煩わせてしまい、申し訳ありませんがよろしくお願いします。

16

WIKIWIKI運営 zawazawa 2025/04/24 (木) 18:12:42 >> 13

現時点では、iOS側の不具合であると考えられます。
テキスト内に : が含まれていると、URLとして認識され、
自動的にURLエンコードされた状態で貼り付けられてしまうようです。

引き続き、調査を進めております。

参考記事

How do you avoid copy/paste content with a ':' coming out url encoded on an iPhone browser?
I have a web app that puts content on the browser clipboard: navigator.clipboard.writeText("Name: Joe Schmo\nAddress:\t550 W. Someplace Ave\n\t\t\tAnytown\t\t\t55555\nPhone: 555-555-5555&quot...
Stack Overflow

17

款冬華 dcc2461a56 2025/04/24 (木) 18:38:10 >> 13

ご指摘のとおりでした。コロンを抜いてコピー&貼り付けてみたところ、記述したとおりに改行されたままで貼り付けできました。

この不具合はiOS側のものなので、どうにかできるものなのか不明ですが引き続き、よろしくお願いします。

また、同様の仕組みがあるプラグインを公開されている方がいましたので参考にしてみてください。

自作プラグイン/clipboard
https://jpngamerswiki.com/?39d867ef25

自作のPukiWiki用プラグイン置き場
https://github.com/kanateko/pukiwiki-plugin
18

款冬華 dcc2461a56 2025/04/24 (木) 19:55:14 >> 13

BGCOLOR(whitesmoke): BGCOLOR(lavender): BGCOLOR(#ddd): BGCOLOR(#F0F0F0): BGCOLOR(silver): BGCOLOR(white):

こちらの内容だと問題なく見た目どおりに貼り付けることができたので、参考記事にある原因として挙げられている:が問題ではなく、別のところにあるかもしれません。記事内ではiOS17の問題でiOS18では解消されていると言われていますが、当方はiPhoneSE3(iOS18.3.2(22D82))です。バージョンアップ(iOS18.4.1)がありましたので念のため行ったところ、やはり不具合は改善されませんでした。

ちなみに普段は利用していない2台目のiPhone8plus(iOS16.7.10)で当事象を確認しましたが、この問題は発生せずに見た目どおりに貼り付けることができます。
22

WIKIWIKI運営 zawazawa 2025/05/13 (火) 19:56:31 >> 13

今回、iOSモバイル端末で発生していたコピーの不具合は、iOS側の仕様や挙動によるものと考えられますが、旧ブラウザ向けの特殊対応のように、例外的にレガシーコードを加えることで、ひとまず回避できるようにしています。
本来であればこうした対応は避けたいところですが、ご利用状況を踏まえ、現時点で可能な対応として実施しました。

現在はiOS端末でコピー・貼り付けが問題なく動作することを確認していますが、
この対応はiOSの仕様に依存しているため、今後のアップデート次第では、再び不具合が起こる可能性もあります。

23

款冬華 dcc2461a56 2025/05/13 (火) 20:21:03 >> 13

できるだけ編集者に寄り添ってご配慮・ご対応いただき、ありがとうございます。

こちらでも記載どおり、エンコードされずに貼り付けることができたことを確認しました。また、iOS・端末の仕様変更によって不具合が再発する可能性についても了解いたしました。

不具合が再発した時は以前、伺ったようにメモ帳アプリなどを介してから貼り付けるようにいたします。