インラインPDFプレビュー機能

新しいアップデートをプッシュしました。

これで、特定の PDF ファイルのプレビューを無効にできるようになりました。テーマコンポーネント内での実装が少し複雑になるため、onebox と完全に同じ動作をするわけではありませんが、非常に似た挙動です。

PDF をアップロードすると、デフォルトではコンポーザーに以下のように表示されます。

[file.pdf|attachment](upload://2cLML0SIwebGHDjlKRVzZ3VRv0f.pdf) (524.1 KB)

ファイル名の前にスペースを追加するだけで済みます。

[ file.pdf|attachment](upload://2cLML0SIwebGHDjlKRVzZ3VRv0f.pdf) (524.1 KB)

スペースは中括弧の中に入れる必要がある点にご注意ください。ファイルをダウンロードした際のファイル名に影響することはありませんし、投稿内にレンダリングされるファイルの説明にも影響しません。

これを行うと、PDF には加工された投稿にプレビューが添付されなくなります。

今回のアップデートで新しい設定が追加されました。

この設定には 2 つのオプションがあります。

Inline(インライン)と New Tab(新しいタブ)

Inline を選択すると、これまで通り PDF プレビューが投稿内にレンダリングされます。

New Tab を選択すると、コンポーネントはインラインプレビューを作成しません。ただし、添付ファイルのリンクをクリックすると新しいタブが開きます。新しいタブでは、ネイティブのブラウザリーダーで PDF ファイルが表示されます。

また、添付ファイルリンクの隣のアイコンも download から external-link に変更されます。

この設定のデフォルト値は Inline です。つまり、アップデート前にこのコンポーネントをインストールしていたサイトには影響しません。これは、手動で切り替える必要がある新しいオプションを追加するだけです。

Safari や一部の iOS デバイスで動作しないという報告がいくつかありましたが、私はそれを再現できませんでした。今回のアップデートでは、Apple デバイスで非常に扱いが難しいとされる blob ではなく、PDF を base64 URL として読み込むように変更して、この問題の解決を図っています。

コンポーネントを更新してください。また、ブラウザも最新の状態に保つことを確認してください。何らかの理由で Apple デバイスで動作しない場合は、可能であればブラウザのコンソールを確認し、表示される内容をお知らせください。

「いいね!」 10