HTML フィールドでの画像アップロード動作についてIssue <!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } ユーザーが HTML フィールドに画像をアップロードまたは貼り付けると、次のことに気付く場合があります。 一部の画像は、base64 として直接埋め込まれます。その他は、sys_attachmentテーブルに参照として格納されます。 この動作は、最初は一貫性がないように見えるかもしれませんが、実際にはプラットフォームが意図した設計の一部です。 OOB インスタンスで、任意のフォームに HTML フィールドを追加します。 base64 エンコードするには:アップロードが完了する前に、画像をアップロード/貼り付け/挿入し、フォームを送信します。 sys_attachmentを取得するには:画像をアップロード/貼り付け/挿入し、画像が完全にロードされた後にフォームを送信します。つまり、100% のポップアップメッセージが消えるまで待ちます。 任意の画像を使用できます。 Release<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } これはすべてのバージョンに適用されます。 Resolution<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } HTML フィールドは、応答性の高いシームレスなユーザーエクスペリエンスを提供するように設計されています。画像が追加されると、次のようになります。 最初は base64 として埋め込まれているため、エディターに即座に表示できます。バックグラウンドでは、プラットフォームは画像を非同期にアップロードします。アップロードが完了すると、base64 バージョンがsys_attachmentテーブルの参照に置き換えられます。 このアプローチにより、ユーザーは遅延したり、保存や移動などのアクションがブロックされたりすることなく、ページを操作し続けることができます。 画像が正しく保存され、参照されるようにするには: ユーザーは、画像が完全にロードされるまで待ってからフォームを送信する必要があります。画像のアップロードが完了したことを示すメッセージが HTML フィールド内に表示されます。画像が完全にアップロードされる前にフォームを送信すると、添付ファイルが不完全になったり、欠落したりする可能性があります。 必要に応じて、チームはこの動作をエンドユーザーに伝えて、混乱を避け、画像アップロードを適切に処理できます。