Tạo trình soạn thảo wysiwyg javascript

Trình chỉnh sửa Froala là Trình chỉnh sửa Javascript nhẹ cung cấp cho ứng dụng của bạn khả năng chỉnh sửa văn bản phong phú. Nó là một trình soạn thảo web JavaScript đẹp, dễ tích hợp với thiết kế rõ ràng mà các nhà phát triển và người dùng sẽ yêu thích. Nếu bạn có một dự án cũ mà bạn đang chuyển sang web, biến nó thành một ứng dụng có các tính năng JavaScript của trình soạn thảo WYSIWYG là một chiến lược hiện đại hóa tuyệt vời. Froala Editor có một số tính năng mạnh mẽ tập trung vào hiệu suất, bảo mật và tích hợp dễ dàng cả ở mặt trước và mặt sau

Một số tính năng này bao gồm

Mục lục

Hiệu suất cực cao

Froala Editor là một trong những trình soạn thảo văn bản phong phú Javascript mạnh mẽ nhất về mọi mặt. Chúng tôi đã thiết kế nó cho hiệu suất và nó sẽ chịu được các bài kiểm tra nghiêm ngặt nhất

cấu trúc tốt

Các kỹ sư của chúng tôi đã đưa ra một kiến ​​trúc tuyệt vời giúp đây trở thành trình soạn thảo văn bản có định dạng Javascript tốt nhất

Chắc chắn

Chúng tôi biết nó có khả năng chống đạn, nhưng đừng tin lời chúng tôi, hãy tiếp tục và hack nó. #hackFroala

API mạnh mẽ

Chúng tôi đã thiết kế và ghi lại API trình soạn thảo Froala để giúp trình soạn thảo văn bản đa dạng thức dễ dàng tùy chỉnh và tương tác với

Tích hợp máy chủ

Trình soạn thảo văn bản đa dạng thức của chúng tôi cũng hỗ trợ các công nghệ phụ trợ để giúp cuộc sống của các nhà phát triển của bạn trở nên dễ dàng hơn

Dán Word & Excel

Chọn nếu bạn muốn giữ hoặc xóa định dạng khi dán từ Microsoft Word và Excel. Froala làm phần còn lại cho bạn

Thật dễ dàng để tùy chỉnh Trình chỉnh sửa Froala theo nhu cầu của bạn trong 5 bước đơn giản bằng trình hướng dẫn tùy chỉnh trực tuyến. Đầu tiên, bạn có thể chọn phong cách của trình soạn thảo. Sau đó, định cấu hình tất cả các tùy chọn khác nhau (hơn 100), tùy chỉnh thanh công cụ và chọn một ngôn ngữ. Cuối cùng, tải xuống trình chỉnh sửa mới được định cấu hình và cài đặt cấu hình của nó

Hãy xem qua từng bước trong số 5 bước về Javascript Editor và tìm hiểu thêm về

  • Làm cách nào để chọn Kiểu trình soạn thảo HTML WYSIWYG của tôi?
  • Làm cách nào tôi có thể định cấu hình Tùy chọn Trình soạn thảo HTML WYSIWYG của mình?
  • Còn cấu hình ngôn ngữ trong Froala WYSIWYG HTML Editor thì sao?
  • Làm cách nào tôi có thể tích hợp Trình chỉnh sửa Froala với khung giao diện người dùng hoặc phụ trợ của mình?

Bằng cách tìm hiểu tất cả các bước này, bạn sẽ sẵn sàng tùy chỉnh Trình soạn thảo HTML WYSIWYG của riêng mình

Làm cách nào để chọn kiểu trình soạn thảo WYSIWYG HTML của tôi?

Bước đầu tiên của bạn trong tùy biến là chọn định dạng và bố cục của trình chỉnh sửa. Các lựa chọn của bạn là Cổ điển, Sẵn sàng cho tài liệu, Nội tuyến, Chỉnh sửa trong Cửa sổ bật lên và Toàn trang. Bạn có thể xem trước từng tùy chọn bên dưới trong ảnh chụp màn hình. Khi bạn chọn trình chỉnh sửa cho nhu cầu của mình, bạn có thể chuyển sang bước tiếp theo

Tạo trình soạn thảo wysiwyg javascript

 

Làm cách nào tôi có thể định cấu hình các tùy chọn trình soạn thảo HTML WYSIWYG của mình?

Trong bước này của công cụ tùy chỉnh, bạn có thể định cấu hình từng tính năng trong số hơn 100 tính năng như Bộ phông chữ, Biểu tượng cảm xúc, Màu sắc, Chế độ xem mã, cũng như nhiều tính năng khác. Khi bạn chọn một tùy chọn, bạn có thể định cấu hình từng thuộc tính của nó. Nó hiển thị tên thuộc tính, loại thuộc tính, cài đặt mặc định của nó, cũng như mô tả về thuộc tính. Tuy nhiên, nếu bạn không cần định cấu hình bất kỳ tùy chọn nào (chúng có thể được thay đổi sau này), bạn có thể chuyển sang bước tiếp theo

Tạo trình soạn thảo wysiwyg javascript

 

Tạo trình soạn thảo wysiwyg javascript

 

Làm cách nào tôi có thể tùy chỉnh thanh công cụ của trình soạn thảo HTML WYSIWYG?

Trong bước tiếp theo, bạn có thể định cấu hình và sắp xếp lại nội dung của thanh công cụ soạn thảo HTML. Ví dụ: nếu bạn muốn di chuyển nút Font Family sang bên phải cỡ chữ (12), bạn có thể làm điều đó. Bạn có thể chọn bất kỳ sự sắp xếp nào bạn muốn. Bạn cũng có thể tắt hoặc ẩn các nút trên thanh công cụ. Khi bạn đã định cấu hình thanh công cụ của mình, bạn có thể chuyển sang bước tiếp theo

Tạo trình soạn thảo wysiwyg javascript

Làm cách nào tôi có thể định cấu hình ngôn ngữ trong trình chỉnh sửa Froala WYSIWYG HTML?

Tiếp theo, bạn có thể chọn từ một số ngôn ngữ khác nhau cũng như văn bản RTL. Chúng bao gồm tiếng Ả Rập, tiếng Bosnia ngoài tiếng Trung Quốc, tiếng Croatia và nhiều ngôn ngữ khác. Tuy nhiên, nếu tiếng Anh là ngôn ngữ ưa thích của bạn, hãy chuyển sang bước tiếp theo trong tùy biến

Tạo trình soạn thảo wysiwyg javascript

Làm cách nào tôi có thể tải xuống trình chỉnh sửa HTML WYSIWYG tùy chỉnh của mình?

Cuối cùng, bạn tải xuống trình chỉnh sửa và cấu hình của nó. Bạn nhận được một tệp lưu trữ chứa tất cả các tệp bạn cần để triển khai trình chỉnh sửa tùy chỉnh của mình. Điều này bao gồm một chỉ số. tệp html chứa mã triển khai mẫu, giấy phép. txt, một readme. md, cũng như tất cả các tệp khác mà bạn cần. bản đọc. md cũng liệt kê một số cách để triển khai trình chỉnh sửa bằng CDN

Tạo trình soạn thảo wysiwyg javascript

Làm cách nào tôi có thể tích hợp Trình chỉnh sửa Froala với khung giao diện người dùng hoặc phụ trợ của mình?

Kiểm tra các liên kết GitHub sau để biết các dự án mã mẫu hoạt động với khung hiện tại của bạn

  • góc cạnh. https. //github. com/froala/angular-froala
  • góc 2. https. //github. com/froala/angular2-froala-wysiwyg
  • aurelia. https. //github. com/froala/aurelia-froala-editor
  • BánhPHP. https. //github. com/froala/wysiwyg-bánh
  • Thủ công 2 CMS. https. //github. com/froala/Craft-Froala-WYSIWYG
  • Thủ công 3 CMS. https. //github. com/froala/Craft-3-Froala-WYSIWYG
  • Django. https. //github. com/froala/django-froala-biên tập viên
  • than hồng. https. //github. com/froala/ember-froala-editor
  • Hạ gục. https. //github. com/froala/knockout-froala
  • sao băng. https. //github. com/froala/meteor-froala
  • Viên ngọc trên tay vịn. https. //github. com/froala/wysiwyg-rails
  • phản ứng JS. https. //github. com/froala/reac-froala-wysiwyg/
  • Hồi đáp nhanh. https. //github. com/froala/froala-reactive
  • giao hưởng. https. //github. com/froala/KMSFroalaEditorBundle
  • VueJS. https. //github. com/froala/vue-froala-wysiwyg/
  • Yii2. https. //github. com/froala/yii2-froala-editor
  • WordPress. https. //github. com/froala/wordpress-froala-wysiwyg

Bạn đã sẵn sàng tùy chỉnh trình soạn thảo HTML WYSIWYG của riêng mình chưa?

Câu hỏi thường gặp về JavaScript của WYSIWYG Editor

Cách tạo ứng dụng JavaScript trình soạn thảo WYSIWYG

There are several ways to create a JavaScript WYSIWYG editor. You can do so from scratch using a