为客户的聊天体验启用文本格式化

创建新的聊天用户界面时，富文本格式会立即启用。无需其他配置。

要在现有的聊天用户界面添加文本格式化功能，请使用以下以粗体突出显示的代码更新通信小部件代码：

    (function(w, d, x, id){
        s=d.createElement('script');
        s.src='https://d3xxxx.cloudfront.net/amazon-connect-chat-interface-client.js';
        s.async=1;
        s.id=id;
        d.getElementsByTagName('head')[0].appendChild(s);
        w[x] =  w[x] || function() { (w[x].ac = w[x].ac || []).push(arguments) };
    })(window, document, 'amazon_connect', 'widget-id');
    amazon_connect('styles', { openChat: { color: 'white', backgroundColor: '#123456'}, closeChat: { color: 'white', backgroundColor: '#123456'} });
    amazon_connect('snippetId', 'snippet-id');
    amazon_connect('supportedMessagingContentTypes', [ 'text/plain', 'text/markdown' ]);
                

当您从 Amazon Connect 控制台获取代码片段时，以红色突出显示的代码将设置为正确的值。您选择添加或删除的唯一内容是最后一行以粗体显示的 supportedMessagingContentTypes。

要将文本格式化功能添加到您自己的自定义聊天用户界面（例如，聊天界面或 ChatJS 上自己的用户界面解决方案），请遵循以下步骤：

1. 致电 StartChatContactAPI. 调用 StartChatContact 时，添加 SupportedMessagingContentTypes 参数，如以下示例中的粗体所示：

   // Amazon Connect StartChatContact API
   {
       "Attributes": { 
           "string" : "string" 
       },
       "ClientToken": "string",
       "ContactFlowId": "your flow ID",
       "InitialMessage": { 
           "Content": "string",
           "ContentType": "string"
       },
       "InstanceId": "your instance ID",
       "ParticipantDetails": { 
           "DisplayName": "string"
       }
       
       // optional
      "SupportedMessagingContentTypes": [ "text/plain", "text/markdown" ]
   }

2. 将 chatjs 作为对象导入，如以下示例所示：

   import "amazon-connect-chatjs";
   
   this.session = connect.ChatSession.create({
         ...
       });
   
   this.session.sendMessage({
         message: "message-in-markdown-format",
         contentType: "text/markdown"
   });           

   如果您不使用 ChatJs，请参阅以下主题，了解有关通过 Amazon Connect 发送降价文本的信息APIs：StartChatContact和SendMessage。

3. 使用 Markdown 发送消息。有关如何发送消息的示例，请参阅前面将 chatjs 作为对象导入的代码片段。您可以使用简单的 Markdown 来格式化聊天中的文本。如果你现在已经在使用 chatjs 发送纯文本消息，你可以修改现有的逻辑来调用 SendMessageas，contentType而不是在你想要发送 markdown 消息text/plain时调用。text/markdown请务必更新 sendMessage 参数，使您的消息包含 Markdown 格式。有关更多信息，请参阅 Markdown 指南基本语法。

4. 在 UI 软件包中执行您自己的逻辑，以便在输入区和聊天记录中呈现 Markdown 消息。如果您使用 React，可以使用 react-markdown 作为参考。