Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
musienkoyuriy opened this issue Aug 2, 2024 · 1 comment
Open

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

musienkoyuriy opened this issue Aug 2, 2024 · 1 comment

Comments

@musienkoyuriy
Copy link

musienkoyuriy commented Aug 2, 2024

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

@musienkoyuriy musienkoyuriy changed the title [Bug]: Ordered list is not working [Bug]: Ordered list and links is not working Aug 2, 2024
@hnnnhl
Copy link

hnnnhl commented Aug 8, 2024

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.

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

No branches or pull requests

2 participants