jQWidgets
  • Docs
  • License and Pricing
  • Services
  • Community
    • Forums
    • Blogs
    • Follow Us
    • Client Login
  • About
    • About Us
    • Contact Us
    • FAQ
  • Products
    • Angular
    • React
    • Vue
    • jQuery
    • Web Components
    • Blazor
    • Svelte
    • Templates
  • Download
Angular UI Components
  • Javascript/jQuery
  • Angular
  • Vue
  • React
  • Web Components
  • Blazor
  • Templates
  • Theme Builder
  • Artavolo
Show Demo List

Angular UI Components (Angular 16–22 supported)

Data Grids and Tables

  • jqxGrid
  • jqxPivotGrid
  • jqxTreeGrid
  • jqxDataTable

Charts and Visualization

  • jqxChart
  • jqxGauge
  • jqxBarGauge
  • jqxBulletChart
  • jqxHeatMap
  • jqxTreeMap
  • jqxRangeSelector
  • jqxBarcode New
  • jqxQRcode New
  • jqxDraw

Scheduling and Planning

  • jqxScheduler
  • jqxGantt
  • jqxKanban
  • jqxTimeline

AI and Collaboration

  • jqxChat New

Editors and Inputs

  • jqxEditor
  • jqxForm
  • jqxDateTimeInput
  • jqxCalendar
  • jqxTimePicker
  • jqxInput
  • jqxNumberInput
  • jqxMaskedInput
  • jqxFormattedInput
  • jqxComplexInput
  • jqxPasswordInput
  • jqxTextArea
  • jqxColorPicker
  • jqxSlider
  • jqxKnob
  • jqxRating
  • jqxButtons
  • jqxCheckBoxGroup New
  • jqxFileUpload
  • jqxValidator
  • jqxValidator

Lists and Selection

  • jqxDropDownList
  • jqxComboBox
  • jqxListBox
  • jqxTree
  • jqxPickList New

Navigation and Menus

  • jqxTabs
  • jqxMenu
  • jqxToolBar
  • jqxRibbon
  • jqxNavigationBar
  • jqxNavBar
  • jqxListMenu

Layout and Containers

  • jqxSplitter
  • jqxLayout
  • jqxDockingLayout
  • jqxDocking
  • jqxSplitLayout
  • jqxPanel
  • jqxExpander
  • jqxResponsivePanel
  • jqxScrollView
  • jqxScrollBar

Popups and Feedback

  • jqxWindow
  • jqxNotification
  • jqxTooltip
  • jqxPopOver
  • jqxLoader
  • jqxProgressBar

Data and Utilities

  • jqxDragDrop
  • jqxSortable

jqxEditor

  • Default Functionality
  • Localization
  • Tools Visibility
  • Tools Customization
  • Custom Tools
  • Toolbar Position
  • Printing
  • Line Break Config
  • Fluid Size
  • Popup Editor
  • Import Styles
  • Right to Left Layout
  • Two-way Data Binding
Theme:
  • Demo
  • App.htm
  • app.ts
  • app.html
  • main.ts
  • API Reference

Angular HTML Editor UI Component

The Editor component for Angular allows you to create and edit text in a professional manner. It enables font selection, text formatting including colors, text alignment, bullets and numbers. You can format paragraphs and blocks. In addition the component supports Hyperlink and Image dialogs. The Angular Editor is an ideal solution for simplifying web content creation. It is also an excellent replacement for HTML Text Areas.

angular datetimeinput

About jqxEditor for Angular

jqxEditor is the jQWidgets Editor component for Angular. WYSIWYG HTML editor with a configurable toolbar, source view and paste cleanup.

13 jqxEditor demos with source code

  • Default Functionality – Angular Editor.
  • Localization – Localization in Angular Editor.
  • Tools Visibility – Hide specific tools in Angular Editor.
  • Tools Customization – Customize your Angular Editor tools.
  • Custom Tools – Adding custom tools to your tool bar in Angular Editor.
  • Toolbar Position – Demonstrating how to move the toolbar in Angular Editor.
  • Printing – Print the Angular Editor's data.
  • Line Break Config – Line breaking in Angular Editor.
  • Fluid Size – The width and height of Angular Editor are set in percentages.
  • Popup Editor – A popup editor in Angular Editor.
  • Import Styles – Add external stylesheets in Angular Editor.
  • Right to Left Layout – This example is set from right to left in Angular Editor.
  • Two-way Data Binding – Two way data binding in Angular Editor.

jqxEditor API

jqxEditor has 13 properties, 1 event and 5 methods, all in the API reference. Its main members, those its demos use first:

  • tools (property) – Sets or gets the jqxEditor's tools.
  • createCommand (property) – Sets or gets the jqxEditor's createCommand property.
  • print (method) – Prints the jqxEditor's value.
  • localization (property) – Sets or gets the jqxEditor's localization.
  • val (method) – Sets or gets the value.
  • toolbarPosition (property) – Sets or gets the jqxEditor's toolbar position.
  • lineBreak (property) – Sets or gets the jqxEditor's line break.
  • stylesheets (property) – Sets or gets the jqxEditor's stylesheets.
  • editable (property) – Sets or gets the jqxEditor's editable property.
  • pasteMode (property) – Sets or gets the jqxEditor's paste mode.

Learn more

  • Getting started
  • API reference
  • JavaScript version
jQWidgets
  • Facebook
  • X (Twitter)
  • Demo
  • Download
  • Documentation
  • License and Pricing
  • Services
  • Products
  • Angular UI Components
  • React UI Components
  • Vue UI Components
  • Blazor UI Components
  • jQuery UI Components
  • Javascript UI Components
  • Svelte Data Grid (SvGrid)
  • Forums
  • About
  • Terms of Use
  • Privacy Policy
  • Contact Us

jQWidgets © 2011-2026. All Rights Reserved.