updated docs

Signed-off-by: Nwusongqing <wusongqing@huawei.com>

en/application-dev/ability/stage-call.md

@@ -27,6 +27,8 @@ The table below describes the ability call APIs. For details, see [Ability](../r
 |void onRelease(callback: OnReleaseCallBack)|Caller.onRelease: registers a callback that is invoked when the caller is disconnected.|
 
 ## How to Develop
+> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**<br/>
+> The sample code snippets provided in the **How to Develop** section are used to show specific development steps. They may not be able to run independently. For details about the complete project code, see [Samples](#samples).
 ### Creating a Callee
 For the callee, implement the callback to receive data and the methods to marshal and unmarshal data. When data needs to be received, use the **on** API to register a listener. When data does not need to be received, use the **off** API to deregister the listener.
 1. Configure the ability startup mode.
@@ -55,7 +57,7 @@ import Ability from '@ohos.application.Ability'
 ```
 3. Define the agreed sequenceable data.
 
-  The data formats sent and received by the caller and callee must be consistent. In the following example, the data consists of numbers and strings. The sample code is as follows:
+  The data formats sent and received by the caller and callee must be consistent. In the following example, the data consists of numbers and strings. The sample code snippet is as follows:
 ```ts
 export default class MySequenceable {
     num: number = 0
@@ -81,7 +83,7 @@ export default class MySequenceable {
 ```
 4. Implement **Callee.on** and **Callee.off**.
 
-  The time to register a listener for the callee depends on your application. The data sent and received before the listener is registered and that after the listener is deregistered are not processed. In the following example, the **CalleeSortMethod** listener is registered in **onCreate** of the ability and deregistered in **onDestroy**. After receiving sequenceable data, the application processes the data and returns the data result. You need to implement processing based on service requirements. The sample code is as follows:
+  The time to register a listener for the callee depends on your application. The data sent and received before the listener is registered and that after the listener is deregistered are not processed. In the following example, the **CalleeSortMethod** listener is registered in **onCreate** of the ability and deregistered in **onDestroy**. After receiving sequenceable data, the application processes the data and returns the data result. You need to implement processing based on service requirements. The sample code snippet is as follows:
 ```ts
 const TAG: string = '[CalleeAbility]'
 const MSG_SEND_METHOD: string = 'CallSendMsg'
@@ -125,7 +127,7 @@ import Ability from '@ohos.application.Ability'
 ```
 2. Obtain the caller interface.
 
-  The **context** attribute of the ability implements **startAbilityByCall** to obtain the caller interface of the ability. The following example uses **this.context** to obtain the **context** attribute of the **Ability** instance, uses **startAbilityByCall** to start the callee, obtain the caller interface, and register the **onRelease** listener of the caller. You need to implement processing based on service requirements. The sample code is as follows:
+  The **context** attribute of the ability implements **startAbilityByCall** to obtain the caller interface of the ability. The following example uses **this.context** to obtain the **context** attribute of the **Ability** instance, uses **startAbilityByCall** to start the callee, obtain the caller interface, and register the **onRelease** listener of the caller. You need to implement processing based on service requirements. The sample code snippet is as follows:
 ```ts
 async onButtonGetCaller() {
     try {
@@ -146,7 +148,7 @@ async onButtonGetCaller() {
     console.error(TAG + 'get caller failed with ' + error)
 })
 ```
-In the cross-device scenario, you need to specify the ID of the peer device. The sample code is as follows:
+In the cross-device scenario, you need to specify the ID of the peer device. The sample code snippet is as follows:
 ```ts
 let TAG = '[MainAbility] '
 var caller = undefined
@@ -170,7 +172,7 @@ context.startAbilityByCall({
     console.error(TAG + 'get remote caller failed with ' + error)
 })
 ```
-Obtain the ID of the peer device from **DeviceManager**. Note that the **getTrustedDeviceListSync** API is open only to system applications. The sample code is as follows:
+Obtain the ID of the peer device from **DeviceManager**. Note that the **getTrustedDeviceListSync** API is open only to system applications. The sample code snippet is as follows:
 ```ts
 import deviceManager from '@ohos.distributedHardware.deviceManager';
 var dmClass;
@@ -188,7 +190,7 @@ function getRemoteDeviceId() {
     }
 }
 ```
-In the cross-device scenario, the application must also apply for the data synchronization permission from end users. The sample code is as follows:
+In the cross-device scenario, the application must also apply for the data synchronization permission from end users. The sample code snippet is as follows:
 ```ts
 let context = this.context
 let permissions: Array<string> = ['ohos.permission.DISTRIBUTED_DATASYNC']
@@ -200,7 +202,7 @@ context.requestPermissionsFromUser(permissions).then((data) => {
 ```
 3. Send agreed sequenceable data.
 
-The sequenceable data can be sent to the callee with or without a return value. The method and sequenceable data must be consistent with those of the callee. The following example describes how to invoke the **Call** API to send data to the callee. The sample code is as follows:
+The sequenceable data can be sent to the callee with or without a return value. The method and sequenceable data must be consistent with those of the callee. The following example describes how to invoke the **Call** API to send data to the callee. The sample code snippet is as follows:
 ```ts
 const MSG_SEND_METHOD: string = 'CallSendMsg'
 async onButtonCall() {
@@ -213,7 +215,7 @@ async onButtonCall() {
 }
 ```
 
-In the following, **CallWithResult** is used to send data **originMsg** to the callee and assign the data processed by the **CallSendMsg** method to **backMsg**. The sample code is as follows:
+In the following, **CallWithResult** is used to send data **originMsg** to the callee and assign the data processed by the **CallSendMsg** method to **backMsg**. The sample code snippet is as follows:
 ```ts
 const MSG_SEND_METHOD: string = 'CallSendMsg'
 originMsg: string = ''
@@ -235,7 +237,7 @@ async onButtonCallWithResult(originMsg, backMsg) {
 ```
 4. Release the caller interface.
 
-When the caller interface is no longer required, call the **release** API to release it. The sample code is as follows:
+When the caller interface is no longer required, call the **release** API to release it. The sample code snippet is as follows:
 ```ts
 try {
     this.caller.release()
@@ -248,4 +250,4 @@ try {
 
 ## Samples
 The following sample is provided to help you better understand how to develop an ability call in the stage model:
-- [`StageCallAbility`: Stage Ability Creation and Usage (eTS, API version 9)](https://gitee.com/openharmony/app_samples/tree/master/ability/StageCallAbility)
+- [`StageCallAbility`: Stage Call Ability Creation and Usage (eTS, API version 9)](https://gitee.com/openharmony/app_samples/tree/master/ability/StageCallAbility)