search

sibiraj-s / ngx-editor

🖋️ Rich Text Editor for angular using ProseMirror
https://sibiraj-s.github.io/ngx-editor/
MIT License
457 stars 191 forks source link

[Bug]: Ordered list and links is not working #569

Open musienkoyuriy opened 3 months ago

musienkoyuriy commented 3 months ago

What happened?

When I try to use the "ordered list" and "link" buttons in the editor, nothing happens.

Screenshot 2024-08-02 at 12 49 46

Version

v17.5.4

Angular Version

v17.3.6

What browsers are you seeing the problem on?

Chrome

Link to reproduce

No response

Relevant log output

No response

Willing to submit a PR?

None

hnnnhl commented 3 months ago

I was having the same issue, but I realized the html was actually getting applied correctly and it wasn't displaying properly due to the global styles set in my app. You can try setting the list and link styles manually in your component css:

::ng-deep.NgxEditor__Content {
  a {
    text-decoration: underline;
    color: blue;
  }
  ul {
    list-style-type: disc;
    margin-left: 20px;
  }
  ol {
    list-style-type: decimal;
    margin-left: 20px;
  }
}

or just set the a, ul, and ol styles in your styles.scss.