search

sibiraj-s / ngx-editor

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

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

Open musienkoyuriy opened 1 month ago

musienkoyuriy commented 1 month 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 1 month 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.