Skip to content

Rewrite guides using custom skill based on API context#31

Open
serhiipylypchuk1991 wants to merge 8 commits intomasterfrom
sp-test-custom-skill
Open

Rewrite guides using custom skill based on API context#31
serhiipylypchuk1991 wants to merge 8 commits intomasterfrom
sp-test-custom-skill

Conversation

@serhiipylypchuk1991
Copy link
Copy Markdown
Contributor

No description provided.

@serhiipylypchuk1991 serhiipylypchuk1991 self-assigned this Apr 8, 2026
- `tooltip` - (optional) a tooltip displayed on hover (if not specified, uses the value from "label")
- `css` - (optional) a css class name assigned to the control (default supported classes: wx-primary, wx-secondary)
- `handler` - (optional) a callback function that executes when the button is clicked
The following code snippet demonstrates predefined and custom control configurations in the `toolbar` property:
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

свойство без ссылки (-)

- *richtext.js*
- *richtext.css*
- `richtext.js`
- `richtext.css`
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

название файлов лучше делать в italic:

  • richtext.js
  • richtext.css

:::

The command above installs all the necessary tools, so you don't need to run any additional commands.
The command installs all the necessary tools — no additional commands are required.
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

нельзя использовать "—" в предложениях (-)

### Step 2. Component creation

Now you need to create an Angular component, to add Richtext into the application. Create the **richtext** folder in the **src/app/** directory, add a new file into it and name it **richtext.component.ts**.
Create an Angular component to add RichText to the application. Create the **richtext** folder in the **src/app/** directory, add a new file, and name it **richtext.component.ts**.
Copy link
Copy Markdown
Contributor Author

@serhiipylypchuk1991 serhiipylypchuk1991 Apr 10, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

2 предложения подряд начинаются с одного слова (-)
Такого быть не должно!

#### Load data

To add data into RichText, you need to provide a data set. You can create the **data.ts** file in the **src/app/richtext/** directory and add some data into it:
To add data to RichText, create a data set. Create the **data.ts** file in the **src/app/richtext/** directory and add the initial content:
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

название файлов через italic

@ViewChild("richtext_container", { static: true }) richtext_container!: ElementRef;

private _editor!: RichText;
private _editor!: Richtext;
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

находит несоответствие в исходном коде и правит

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

(+)

### Step 3. Adding RichText into the app

To add the ***RichTextComponent*** component into your app, open the ***src/app/app.component.ts*** file and replace the default code with the following one:
To add **RichTextComponent** to your app, open **src/app/app.component.ts** and replace the default code:
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

название API должно быть через бектики

~~~

Then open the ***App.js*** file and import data. After this you can pass data into the new created `<RichText/>` components as **props**:
Open **App.js**, import data, and pass it to the `<RichText/>` component as props:
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

вместо it, its, them используй конкретный объект на который они указывают

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant