Froala: Бүрэн хэмжээний WYSIWYG Rich Text Editor ашиглан платформоо сайжруул

Froala WYSIWYG Rich Text HTML редактор

Хэрэв та хэзээ нэгэн цагт платформыг хөгжүүлэх замаар эхэлж байсан бол танд юу харагддаг, юу олж хардаг текст засварлагч шаардагдана (WYSISYG), энэ нь хичнээн хэцүү болохыг та мэднэ. Намайг имэйлийн үйлчилгээ үзүүлэгч дээр ажиллаж байх үед хариу үйлдэл үзүүлэх чадвартай, засвар үйлчилгээ эрхэлдэг HTML засварлагчийг туршиж үзэх ажил нь хөгжүүлэгчдэд давтаж, засах хэд хэдэн хувилбарыг авчирсан. Энэ нь тийм ч хялбар биш юм.

Текст редактор бол таны агуулгыг мэдэгдэхүйц сайжруулсан платформ дээр суулгахыг хүсч байгаа элементүүдийн нэг юм, гэхдээ хөгжүүлэлт нь хэдэн сар, жил шаардагдахгүй. Froala редактор нь хөнгөн, сайн бүтэцтэй, аюулгүй бөгөөд таны хөгжүүлэлтийн багт бүх зүйлийг нэгтгэхэд хялбар, хурдан баялаг текст засварлагч юм. алдартай хүрээ.

froala редакторын аялал 1

Froala редакторын дизайны онцлогууд

  • Орчин үеийн дизайн - Хэрэглэгчдэд таалагдах орчин үеийн сайхан интерфейс.
  • Retina бэлэн - Илүү нарийвчлалтай, илүү сайн гоо зүй, илүү тод фонтууд.
  • Сэдэв - Анхдагч эсвэл бараан сэдвийг ашиглах, эсвэл LESS theme файлыг ашиглан өөрийн сэдэв үүсгэх.
  • Ухаалаг интерфэйс - Froala-ийн баялаг текст засварлагч нь хэрэглэгчдэд ашиглахад хялбар байх интерфэйсээр дамжуулан бүрэн ажиллагааг санал болгодог.
  • зар сурталчилгааны цонхны - Хэрэглэгчийн гайхалтай туршлагыг бий болгох шинэ, загварлаг попапууд.
  • SVG дүрс - дотооддоо бүтээсэн SVG дүрсүүд, ямар ч хэмжээтэй гоёмсог харагдах масштабтай вектор дүрсүүд.
  • Захиалгат хэв маяг - WYSIWYG HTML редактор бол таны хүссэн өнгө төрхийг өөрчилж, өөрчлөх тусгай захиалагчийн хэрэгсэлтэй цорын ганц хэрэгсэл юм.
  • Хэрэглэгчийн багаж - Хэт олон товчлуур байна уу? Магадгүй зөв дарааллаар биш юмуу? Та дэлгэцийн хэмжээ тус бүрт редакторын хэрэгслийн самбарыг бүрэн хянах боломжтой.
  • Бүх арга замаар захиалах - Бүх зүйлийг захиалгаар эсвэл захиалгаар хийж болно: товчлуурууд, унждаг цонх, цэстэй цонх, дүрс, товчлол.
  • Наалдамхай хэрэгслийн самбар - Засварлах туршлагаа хөнгөвчлөхийн тулд WYSIWYG редакторын хэрэгслийн самбар доош гүйлгэж байх үед дэлгэцийн дээд хэсэгт байх болно.
  • Хэрэгслийн мөрийн офсет - Баялаг текст засварлагчийн хэрэгслийн самбар нь таны вэбсайт дээрх толгойтой давхцах шаардлагагүй бөгөөд үүний тулд офсет тохируулах хэрэгтэй.
  • Доод талд байгаа хэрэгслийн самбар - WYSIWYG HTML засварлагч хэрэгслийн самбарын байрлалыг дээрээс доош нь хялбархан өөрчилж, наалттай багаж хэрэгсэл эсвэл офсет ашиглан.
  • Дэлгэц дүүрэн - Их хэмжээний агуулгатай харьцахад засварын том орон зай шаардагдана. Бүрэн дэлгэцийн товчлуур нь засварлах талбарыг бүх вэб хуудасны талбарт өргөжүүлэх болно.
  • Бүтэн хуудас - Бүхэл бүтэн HTML хуудас бичих, засах боломжтой. Имэйлийн хувьд тустай, гэхдээ зөвхөн HTML, HEAD, BODY хаягууд болон DOCTYPE тунхаглалыг ашиглахыг зөвшөөрдөггүй.
  • Iframe - WYSIWYG HTML редакторын агуулгыг iframe ашиглан хуудасны үлдсэн хэсгээс тусгаарлаж болох тул хэв маяг, скриптийн зөрчилдөөн гарахгүй.

Froala редакторын гүйцэтгэлийн онцлог шинж чанарууд

  • хурдан - Нүд ирмэхээс зургаа дахин хурдан, баялаг текст редактор 40мм хүрэхгүй хугацаанд эхлүүлэх болно.
  • хөнгөн Зөвхөн 50KB багтаамжтай gzipped цөмтэй тул та програмынхаа засварлах гайхалтай туршлагыг ачаалах хурдыг алдалгүйгээр авчрах боломжтой.
  • Залгаас дээр суурилсан - Модульчлагдсан бүтэц нь WYSIWYG HTML засварлагчийг илүү үр дүнтэй, ойлгоход хялбар, өргөтгөх, засвар үйлчилгээ хийхэд хялбар болгодог.
  • Хуудсан дээрх олон редакторууд - Нэг хуудсан дээр нэг юмуу арван текст засварлагч байна уу? Та ялгааг мэдрэхгүй, зүгээр л товшоод эхлүүлэхээр тохируулаарай.
  • HTML 5 - Froala Rich Text Editor нь HTML 5 стандартыг хүндэтгэн, давуу талыг ашиглан бүтээгдсэн болно.
  • CSS 3 - Хэрэглэгчийн туршлагыг сайжруулахын тулд CSS 3-ийг ашиглахаас өөр ямар сайн арга байна вэ? Нарийн эффектүүд нь редакторыг илүү их болгодог.

Froala редактор гар утасны онцлог шинж чанарууд

  • Android ба iOS - Android болон iOS төхөөрөмжүүдийг туршиж, дэмждэг.
  • Зургийн хэмжээг өөрчлөх - Froala Rich Text Editor нь хөдөлгөөнт төхөөрөмж дээр ч ажилладаг дүрсний хэмжээг өөрчилсөн анхны WYSIWYG HTML редактор юм.
  • Видео хэмжээг өөрчлөх - видеог тоглож байхад нь хүртэл хэмжээг нь өөрчлөх анхны нэвтрүүлэг. Мэдээжийн хэрэг, энэ нь бас мобайл дээр ажилладаг.
  • Хариуцлагатай загвар - Таны засварлаж буй агуулга хариу үйлдэл үзүүлэх болно. Тэдний WYSIWYG HTML засварлагч нь хувь хэмжээг ашиглан зурагны хэмжээг өөрчлөх боломжтой.
  • Хэрэгслийн самбарыг дэлгэцийн хэмжээгээр - Баялаг текст засварлагч дээр анх удаа хэрэгслийн самбарыг дэлгэцийн хэмжээ тус бүрт өөрчилж болно.

Froala редактор SEO онцлог шинж чанарууд

  • HTML-г цэвэрлэ - Froala нь тэдний баялаг текст засварлагчийн HTML гаралтыг автоматаар цэвэрлэх алгоритм боловсруулсан. Санаа зоволгүй бичээрэй, WYSIWYG HTML редактор нь хайлтын системд мөлхөхийг хүлээж маш цэвэр гаралтыг гаргадаг.
  • Зургийн Alt Tag дэмжлэг - Зургийн хувилбар нь хөтөч дүрсийг харуулах боломжгүй бол харуулсан текст юм. Энэ бол хайлтын систем ашигладаг текст тул үүнийг үл тоомсорлож болохгүй. Зургийн засварлах цонхонд өөр текстийг тохируулж болно.
  • Холбоос гарчгийн тагийг дэмжих - Хэдийгээр холбоосын гарчиг нь SEO-ийн томоохон нөлөө үзүүлдэг нь мэдэгддэггүй боловч энэ нь хэрэглэгчдэд вэбсайтаар дамжуулан илүү хялбар жолоодоход тусалдаг. Тийм чухал биш, гэхдээ байх нь сайн хэрэг. Холбоосын гарчгийг холбоосын цонхонд тохируулна уу.

Froala редакторын аюулгүй байдлын онцлогууд

  • Froala WYSIWYG HTML Editor нь XSS халдлагаас хамгаалах хүчтэй механизмтай. Ихэнх тохиолдолд та энэ талаар огт санаа зовохгүй байх болно, гэхдээ бид сервер дээрээ нэмэлт шалгалт хийхийг зөвлөж байна.

Дэмжихийн хамт бүх HTML шинж чанарууд, редакторыг 34 өөр хэлээр орчуулсан, автоматаар илрүүлэх RTL дэмжлэгтэй, Spell Check-тэй.

Froala-д бүр WordPress залгаас WordPress сайтад редакторыг нэгтгэх.

Froala-ийн онлайн HTML засварлагчийг туршиж үзээрэй Froala татаж авах

Чи юу гэж бодож байна?

Энэ сайт нь спамыг багасгахын тулд Akismet-ийг ашигладаг. Таны өгөгдлийг хэрхэн боловсруулдаг талаар суралц.