Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
38 changes: 38 additions & 0 deletions .github/workflows/gitleaks.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
name: Secret Value found!
on:
push:
public:
jobs:
scan:
name: gitleaks
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v3
- name: Install the gitleaks
run: wget https://github.com/zricethezav/gitleaks/releases/download/v8.15.2/gitleaks_8.15.2_linux_x64.tar.gz
shell: pwsh
- name: Extract the tar file
run: tar xzvf gitleaks_8.15.2_linux_x64.tar.gz
- name: Generate the report
id: gitleaks
run: $GITHUB_WORKSPACE/gitleaks detect -s $GITHUB_WORKSPACE -f json -r $GITHUB_WORKSPACE/leaksreport.json
shell: bash
continue-on-error: true
- name: Setup NuGet.exe
if: steps.gitleaks.outcome != 'success'
uses: nuget/setup-nuget@v1
with:
nuget-version: latest
- name: Install the dotnet
if: steps.gitleaks.outcome != 'success'
uses: actions/setup-dotnet@v3
with:
dotnet-version: '3.1.x'
- name: Install the report tool packages
if: steps.gitleaks.outcome != 'success'
run: |
nuget install "Syncfusion.Email" -source "https://nexus.syncfusion.com/repository/nuget-hosted/"
dir $GITHUB_WORKSPACE/Syncfusion.Email.1.0.0/lib/netcoreapp3.1
dotnet $GITHUB_WORKSPACE/Syncfusion.Email.1.0.0/lib/netcoreapp3.1/Email.dll "citeam@syncfusion.com" "$GITHUB_REF_NAME" ${{ secrets.NETWORKCREDENTIALS }} ${{ secrets.NETWORKKEY }} "$GITHUB_WORKSPACE"
exit 1
103 changes: 101 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Simple rich text editor
# Simple Angular Rich Text Editor

This application has been created by making use of the [quick start](https://github.com/syncfusion/ej2-quickstart.git) project.
The [Angular Rich Text Editor](https://www.syncfusion.com/angular-components/angular-wysiwyg-rich-text-editor?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples) is a feature-rich WYSIWYG HTML editor and WYSIWYG Markdown editor. The Rich Text Editor is widely used to create blogs, forum posts, notes sections, support tickets (incidents), comment sections, messaging applications, and more. The control provides an efficient user interface for a better editing experience with mobile support. It has a variety of tools to edit and format rich content and return a valid HTML markup or Markdown (MD) content. It allows users to insert images, links, tables, and lists with modular architecture.

## How to run this application?

Expand Down Expand Up @@ -30,3 +30,102 @@ npm start
```

As this application is configured with `browser-sync`, therefore it will serve the web application directly in your default browser.

## Features and Benefits

### WYSIWYG HTML editor
The Angular Rich Text Editor component can be used as a WYSIWYG HTML editor. It allows users to view and change the content to HTML markup and also to view the HTML source using the Code View icon.

### Markdown editor
The Angular Rich Text Editor control can be used as a Angular WYSIWYG Markdown Editor. It allows the content to be in the markdown format. The typed markdown syntax content can be previewed using a third-party plugin.

### Inline mode
Makes the inline HTML editor to show up when you click or select the content in an editable area.

### WYSIWYG HTML editor Iframe mode
The Angular Rich Text Editor supports Iframe editing with customized Iframe attributes. It also easily changes the appearance of the Iframe editor’s content when using external CSS and script files.

### HTML editor toolbar
The WYSIWYG HTML editor toolbar provides a variety of commands for editing and formatting the content. You can format text, paragraphs, and insert images, hyperlinks, tables, lists, etc. The tool commands are grouped based on related functionality.

### Insert images and links
Insert images to the content from a local path or server path with image captions and then link URLs to the images. Upload images to a server with drag-and-drop or file upload. Insert or change the hyperlinks with customization options such as display text, tooltip, and link to be opened in a new window.

### Full screen text editor
The built-in option makes the WYSIWYG HTML editor full screen size (full page editor) for editing the content.

### Source code (HTML) view
Examine and edit the HTML code directly in the source code and view the preview result (HTML live editor).

### Auto hyperlink of URL
Configured to turn text into a hyperlink automatically when the user types the URL as a plain text.

### Angular form validations
The Angular Rich Text Editor is a form component that seamlessly supports forms and obtains values on form submission. The two types of validation are,
* Required validation
* Maximum length validation

### Resizable editor
The Rich Text Editor for Angular has built-in resizable support that helps widen or shrink the content area.

### Touch-friendly and responsive WYSIWYG editor
The Rich Text Editor for Angular (mobile HTML editor) recognizes touch gestures, allowing the user to swipe left or right to move the toolbar. The responsive, mobile-friendly design provides the best user experience on all mobiles, tablets, and desktop form factors.

### Globalization

#### Right to Left (RTL)
Allows the text direction and layout of the text editor to be displayed from right to left. This improves the user experience and accessibility for RTL languages such as Arabic, Farsi, Hebrew, etc.

#### Localization
Customize all static texts used in the Angular Rich Text Editor component using the localization library.

## Related links
[Learn More about Angular Rich Text Editor](https://www.syncfusion.com/angular-components/angular-wysiwyg-rich-text-editor?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples)<br/><br/>
[Download Free Trial](https://www.syncfusion.com/downloads?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples)<br/><br/>
[Pricing](https://www.syncfusion.com/sales/products/angular?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples)<br/><br/>
[Documentation](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/getting-started/?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples)<br/><br/>
[Online Examples](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/rich-text-editor?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples)<br/><br/>
[Watch a How-to Video](https://www.syncfusion.com/tutorial-videos/angular/rich-text-editor?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples)<br/><br/>
[Community Forums](https://www.syncfusion.com/forums/angular-js2?control=richtexteditor?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples)<br/><br/>
[Suggest a feature](https://www.syncfusion.com/feedback/angular?control=richtexteditor?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples)

## About Syncfusion Angular Components
Syncfusion's [Angular Components](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples) library is the only suite that you will ever need to build an application since it contains over 80 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to Rich Text Editor, we provide popular Angular components such as [Angular Grid](https://www.syncfusion.com/angular-components/angular-grid?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples), [Angular Charts](https://www.syncfusion.com/angular-components/angular-charts?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples),
[Angular Scheduler](https://www.syncfusion.com/angular-components/angular-scheduler?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples), [Angular Diagram](https://www.syncfusion.com/angular-components/angular-diagram?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples), and [Angular Word Processor](https://www.syncfusion.com/angular-components/angular-word-processor?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples).

## About Syncfusion
Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000+ customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1700+ controls and frameworks for web
([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples),
[ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples),
[ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples),
[ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples),
[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples),
[Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples),
[React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples),
[Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples),
and
[Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples)),
mobile
([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples),
[Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples),
[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples),
and
[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples)),
and desktop development ([Windows
Forms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples),
[WPF](https://www.syncfusion.com/wpf-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples),
[WinUI(Preview)](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples)
and
[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples)).
We provide ready-to-deploy enterprise software for dashboards, reports,
data integration, and big data processing. Many customers have saved
millions in licensing fees by deploying our software.


<hr style="height:0.3px;border:none;color:lightgrey;background-color:lightgrey;" />

<p align="center">
<a href="mailto:sales@syncfusion.com?Subject=Syncfusion Angular Rich Text Editor - Github" target="_top">sales@syncfusion.com</a> | <a href="https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=angular-rich-text-editor-github-samples">www.syncfusion.com</a> | 1-888-9 DOTNET <br>
</p>