Π Π°Π·Π½ΠΎΠ΅

Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ html Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹: Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹. Бписок

27.12.2022

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹. Бписок



Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅ сайта
Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹
ΠžΠ±Π·ΠΎΡ€ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ / Бписок ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Бписок всСх ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ HTML

Бписок Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² HTML
ΠŸΠ»Π°Ρ‚Π½Ρ‹Π΅ ΠΏΠΎ Ρ†Π΅Π½Π΅:

Π΄ΠΎ 10 Π΄ΠΎΠ»Π».
10 β€” 50 Π΄ΠΎΠ»Π».
50 β€” 100 Π΄ΠΎΠ»Π».
ΡΠ²Ρ‹ΡˆΠ΅ 100 Π΄ΠΎΠ»Π».

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ HTML для Mac, Lunux

   
    Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΊΠΎΠ΄Π°

ΠžΠ±Π·ΠΎΡ€ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ
Бписок ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ
Π‘ русским интСрфСйсом
БСсплатныС
Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹Π΅
Для программистов
Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ Π² сСти

  
   ΠšΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹

ΠžΠ±Π·ΠΎΡ€ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ
Бписок ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ
Π‘ русским интСрфСйсом
БСсплатныС
Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹Π΅
Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ Π² сСти

  
   Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹

ΠžΠ±Π·ΠΎΡ€ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ
Бписок ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ
Π‘ русским интСрфСйсом
БСсплатныС
Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹Π΅
Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ Π² сСти


Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ сайтов для Ρ€Π°Π·Π½Ρ‹Ρ… экранов

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ CSS

Π  Π° Π· Π½ ΠΎ Π΅ :

ΠšΡ€Π°Ρ‚ΠΊΠ°Ρ история HTML
Для Ρ‡Π΅Π³ΠΎ Π½ΡƒΠΆΠ΅Π½ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€
ΠžΠ±Ρ‰ΠΈΠ΅ трСбования ΠΊ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌ
ВСкстовыС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹
Π§Ρ‚Π΅Π½ΠΈΠ΅ тСкста
ЗаписныС ΠΊΠ½ΠΈΠΆΠΊΠΈ
Π Π°Π±ΠΎΡ‚Π° с изобраТСниями
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚Ρ‹ сайта
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… ΠΏΠ°Π½Π΅Π»Π΅ΠΉ (мСню)
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΏΠ»ΠΈΠΊΠ°Ρ†ΠΈΠΈ GIF ΠΈ Flash
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ„ΠΎΡ‚ΠΎΠ°Π»ΡŒΠ±ΠΎΠΌΠΎΠ²
Π’ΠΈΠ΄Π΅ΠΎ
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚Ρ‹ ссылок
Π’Π΅Π± β€” Ρ„ΠΎΡ€ΠΌΡ‹
ΠšΠ°Π»Π΅Π½Π΄Π°Ρ€ΠΈ
Π‘Π½ΠΈΠΌΠΊΠΈ экрана
ΠžΡ‚Π±ΠΎΡ€Ρ‰ΠΈΠΊΠΈ Ρ†Π²Π΅Ρ‚Π°
ΠšΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚ инструмСнтов
Π‘Π°Π½Π½Π΅Ρ€Ρ‹ ΠΈ эмблСмы
Кнопки
Π­Π»Π΅ΠΊΡ‚Ρ€ΠΎΠ½Π½Ρ‹Π΅ ΠΊΠ½ΠΈΠ³ΠΈ

Π€ΠΎΡ€ΠΌΡƒΠ»Ρ‹
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ²
ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ссылок
Π Π°Π±ΠΎΡ‚Π° с Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ
Π Π°Π±ΠΎΡ‚Π° с PDF
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ справок
ΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄Ρ‡ΠΈΠΊΠΈ

И Π΄Ρ€ΡƒΠ³ΠΎΠ΅

    A   B  C   D   E   F   G   H   I   J   K   L   M   N   O   P   Q   R   S   T   U   V  W   X   Y   Z

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ поиска Π½Π° сайтС

1&1 (ΠΎΠ½Π»Π°ΠΉΠ½)
1C-UMI (ΠΎΠ½Π»Π°ΠΉΠ½)

A
A1 Website Analyzer
A1 Website Download
A1 Website Search Engine
A4 Desk Pro Flash WebSite
Absolute HTML Compressor
ActualDrawing
Adobe Golive
Adobe Muse
Adobe Spark
Advego Plagiatus
Altarsoft Web Tools
Angelfire

Antenna
Artisteer
Astyle CSS Editor
Axure RP Pro

B
Basekit
BlockNote. Net
Bluehost Website Builder
BlueVoda
Bootstrap
Bootstrap Studio

C
Cabanova
Carbonmade
CatsCradle
CityMax
CKEditor
CodeCharge Studio
CoffeeCup β€” ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹
ConstEdit
Cool Page
CoolUtils β€” ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹
CopperCube
Corel Website Creator
CSS Grid Builder
CSStypeset (ΠΎΠ½Π»Π°ΠΉΠ½)
Cubender
CuteSITE Builder
CoffeeCup Visual Site Designer
Cyotek WebCopy

D
Designly
DFM2HTML
DocToHTML
Dunked
Dynamic HTML Editor

E
Easy WebContent
Easy Website
Easy WebEditor
Ecwid
Edicy
Elementor Page Builder
E-Publish
Extract HTML Links
EZGenerator

F
Fast Whols
Flash Website Template Editor
Frames Page Generator
Free Favicon Html Generator
Free PDF to HTML Converter
Free Website Builder
FrontPage Express
FSS Feed Creator 

G
Getleft
GoDaddy
Google Sites
Google Web Designer
GThtmled
Gutenberg
Gutensite

H
Helpinator
Homestead
HostCator  (ΠΎΠ½Π»Π°ΠΉΠ½)
HtmlDocEdit
HTML Guardian Personal
HTML Text Extractor
HTTrack website copier
HyperPublish PRO

I
iCreate
IFrame Code Generator
Image Filter Pro 
IM-Creator
IncrediFlash Website Template Editor
Inspyder InSite
iPage

J
Jetstrap
Jimdo

L
LeanDomainSearch
LibreOffice Math
LibreOffice Writer (web)
Lifeyu
LinkScan
Local Website Archive
Loki (ΠΎΠ½Π»Π°ΠΉΠ½)

M
Macaw
MarkdownPad
MathType
MobileCreator
MobileTogether Designer
Mobirise
MonsterBundle
Moonfruit
MoreMotion Application Studio
MoreMotion Web Express
Mini-Site Generator
Movie Review Magic
Mozello (ΠΎΠ½Π»Π°ΠΉΠ½)

N
Namu6
Nethouse
NetObjects Fusion
NetObject Mosaic (ΠΎΠ½Π»Π°ΠΉΠ½)
New Web Site Publishing Combo

Nicepage Website Builder

O
Offline Explorer
OnePager
openElement
OrFind

P
PaperKiller
Page Speed Tester
PhotoPageGen
pinCalendar (ΠΎΠ½Π»Π°ΠΉΠ½)
Print2Flash
Power Search
PWA Builder

R
Raptor Web Designer
REG Website Builder
REL Link Checker Lite
Responsive Bootstrap Builder
Responsive Content Slider
Responsive Email Designer
Responsive Layout Maker
Responsive Site Designer
RocketCake
RSS Channel Writer
RTF to HTML Converter

Q
Quick’n Easy Web Builder

S
Scrollbars Style Creator
Search Engine Studio
Setup
Shopify
Sidengo
Simple CSS
SiteAnalyzer
Sitecraft
Sitecube

Site Designer
SiteEdit
Site Link Checker
SiteSpinner
Site Studio
Site Translator
Sitezulu
Sitoo Web

Shopping Cart Creator
Shopping Cart Designer
Sjuga
SnapPages
Sparkle
Spellabs SiteBuilder
Squarespace
Strikingly
StudioLine Web
SunCreate
SWiSH Max

T
Table Designer
TemplateShaker
TemplateToaster
Textbox. io
Themler
TinyMCE (ΠΎΠ½Π»Π°ΠΉΠ½)
TopStyle
Total HTML Converter
TOWeb Standard Edition
Trendy Website Builder
Turbo Site

U
Ultima Website

V

ViArt Shop
Vigbo (ΠΎΠ½Π»Π°ΠΉΠ½)
Virb
Visual Composer
Visual NEO Web
Vovsoft HTML Editor

W
Web2Disk
WebAcappella
Webawy
Web CalendarPad
Web.com
WebCopier
Web Creator
WebDwarf
Web Easy
Web Idea Tree
Web Link Validator
Webnode
Web Page Maker
Web Page Preview
WebPlus
WebProject
Webs
Website Analyzer
Website Painter
Webstars
WebParse
WebsitePad Freelancer
Website Realizer
WebSite X5
Web Studio
Web Update Builder
Weebly
WIX
WYSIWYG Web Builder

X
Xara Designer Pro
Xara Web Designer
Xenu
XHeader
XSitePro

Y
Yahoo! SiteBuilder

Yola

Z
Zono Sites


Из Π½ΠΈΡ…:

Π‘ русским интСрфСйсом
A1 Website Analyzer
Adobe Muse
Adobe Spark
Advego Plagiatus
Artisteer
Dynamic HTML Editor
Ecwid
Elementor Page Builder
E-Publish
Getleft
Google Web Designer
Helpinator
LibreOffice Math
LibreOffice Writer (web)
Local Website Archive
Mobirise
Mozello (ΠΎΠ½Π»Π°ΠΉΠ½)
Nethouse
Nicepage Website Builder
Offline Explorer
REG Website Builder
RocketCake
SiteAnalyzer
Site Studio
Sitecraft
SiteEdit
Spellabs SiteBuilder
SunCreate
Table Designer
Themler
TopStyle
Turbo Site
Visual NEO
WebCopier
Web Idea Tree
WebParse
WebProject
WebsitePad Freelancer
Xenu


БСсплатныС
Advego Plagiatus
Astyle CSS Editor
BlockNote. Net
BlueVoda
CatsCradle Free
ConstEdit
Cyotek WebCopy
DFM2HTML
Easy Website Freeware
Elementor Page Builder Free
Free Favicon Html Generator
Free PDF to HTML Converter
FreeWIT
Getleft
Google Web Designer
GThtmled
Flash Website Template Editor
Free Webpage Builder
HelpNDoc Personal Edition
HtmlDocEdit
HTML Guardian
HTTrack website copier
IncrediFlash Website Template Editor
LeanDomainSearch (ΠΎΠ½Π»Π°ΠΉΠ½)
LibreOffice Math
LibreOffice Writer (web)
Local Website Archive
Mini-Site Generator
Mobirise
MoreMotion Application
Studio
Mozello Free
Namu6
Nethouse Start
NetObjects Fusion Essentional
Nicepage Website Builder Free
openElement
pinCalendar Free (ΠΎΠ½Π»Π°ΠΉΠ½)
REG Website Builder
REL Link Checker Lite
RocketCake
SiteAnalyzer
Search Engine Studio
Simple CSS
Site Link Checker
Spellabs SiteBuilder
Page Speed Tester
PaperKiller
RTF to HTML Converter
TemplateShaker
Themler Free
TopStyle Lite
TOWeb Free Edition
Turbo Site
WebAcappella
Webawy
WebDwarf
WebProject
WebsitePad Freelancer
WebSite X5  Free
Xenu
Yahoo! SiteBuilder


Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹Π΅ 
Adobe Muse
Antenna
EZGenerator
Mobirise
Mozello (ΠΎΠ½Π»Π°ΠΉΠ½)
Quick’n Easy Web Builder
NetObjects Fusion Essentional
RocketCake
TOWeb Free Edition
WebAcappella Professional
Web Page Maker
Website Painter
WYSIWYG Web Builder
Xara Web Designer

Π‘ΠΌ. Ρ‚Π°ΠΊΠΆΠ΅: Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ Π² сСти (ΠΎΠ½Π»Π°ΠΉΠ½-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹)

Для опрСдСлСния Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ интСрСсно ΡƒΠ·Π½Π°Ρ‚ΡŒ Π’Π°ΡˆΠ΅ ΠΌΠ½Π΅Π½ΠΈΠ΅



ПослСднСС ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅: август 2020 Π³.



ΠžΡΠ½ΠΎΠ²Ρ‹ сайтостроСния (Β§Β§ 13 β€” 15)

План провСдСния занятий Π½Π° ΡƒΡ‡Π΅Π±Π½Ρ‹ΠΉ Π³ΠΎΠ΄ (ΠΏΠΎ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΡƒ Π‘Π΅ΠΌΠ°ΠΊΠΈΠ½Π° И.Π“.) 1 час Π² нСдСлю

Главная | Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΠΊΠ° ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎ-ΠΊΠΎΠΌΠΌΡƒΠ½ΠΈΠΊΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ | ΠŸΠ»Π°Π½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΡƒΡ€ΠΎΠΊΠΎΠ² ΠΈ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ ΠΊ ΡƒΡ€ΠΎΠΊΠ°ΠΌ | 11 классы | План провСдСния занятий Π½Π° ΡƒΡ‡Π΅Π±Π½Ρ‹ΠΉ Π³ΠΎΠ΄ (ΠΏΠΎ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΡƒ Π‘Π΅ΠΌΠ°ΠΊΠΈΠ½Π° И.Π“.) 1 час Π² нСдСлю | ΠžΡΠ½ΠΎΠ²Ρ‹ сайтостроСния (Β§Β§ 13 β€” 15)




Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅ ΡƒΡ€ΠΎΠΊΠ°

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ wΠ΅b-сайтов (Β§ 13)

ΠŸΠΎΠ½ΡΡ‚ΠΈΠ΅ языка Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ гипСртСкста

Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹

Вопросы ΠΈ задания

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ сайта Β«Π”ΠΎΠΌΠ°ΡˆΠ½ΡΡ страница» (Β§ 14)

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ‚Π°Π±Π»ΠΈΡ† ΠΈ списков Π½Π° wΠ΅b-страницС (Β§ 15)

ΠŸΡ€Π°ΠΊΡ‚ΠΈΡ‡Π΅ΡΠΊΠ°Ρ Ρ€Π°Π±ΠΎΡ‚Π° β„– 2. 5 Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° сайта «Моя сСмья»

ΠŸΡ€Π°ΠΊΡ‚ΠΈΡ‡Π΅ΡΠΊΠ°Ρ Ρ€Π°Π±ΠΎΡ‚Π° β„– 2.6 Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° сайта Β«Π–ΠΈΠ²ΠΎΡ‚Π½Ρ‹ΠΉ ΠΌΠΈΡ€Β»

ΠŸΡ€Π°ΠΊΡ‚ΠΈΡ‡Π΅ΡΠΊΠ°Ρ Ρ€Π°Π±ΠΎΡ‚Π° β„– 2.7 Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° сайта «Наш класс»

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚: Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° сайтов. ΠŸΡ€Π°ΠΊΡ‚ΠΈΡ‡Π΅ΡΠΊΠ°Ρ Ρ€Π°Π±ΠΎΡ‚Π° 2.8. Β«ΠŸΡ€ΠΎΠ΅ΠΊΡ‚Π½Ρ‹Π΅ задания Π½Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ сайтов»

Π˜Ρ‚ΠΎΠ³ΠΎΠ²ΠΎΠ΅ тСстированиС ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅ Β«Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Β»



Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹

Для создания сайта Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ язык HTML. БущСствуСт мноТСство доступных Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², ΠΈΡ… Π΄Ρ€ΡƒΠ³ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ β€” WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΡ… ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ сайты Π±Π΅Π· знания Π΄Π°Π½Π½ΠΎΠ³ΠΎ языка. WYSIWYG Ρ€Π°ΡΡˆΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚ΡΡ ΠΊΠ°ΠΊ: What You See Is What You Get β€” Ρ‡Ρ‚ΠΎ видишь, Ρ‚ΠΎ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΡˆΡŒ. Π Π°Π±ΠΎΡ‚Π° Π² Ρ‚Π°ΠΊΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ… происходит с Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ, Π° Π½Π΅ с Ρ‚Π΅Π³Π°ΠΌΠΈ. НапримСр, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚ тСкста ΠΆΠΈΡ€Π½Ρ‹ΠΌ, Π½Π°Π΄ΠΎ просто Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ этот тСкст ΠΈ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π² мСню Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°. ПослС этого Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ вставит Π² HTML-ΠΊΠΎΠ΄ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ Ρ‚Π΅Π³ΠΈ, Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ сайта ΡƒΠ²ΠΈΠ΄ΠΈΡ‚ Π½Π° страницС ΡƒΠΆΠ΅ ΠΈΡ‚ΠΎΠ³ΠΎΠ²Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚.

Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ HTML Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ (WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€) β€” прикладная ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ содСрТимоС web-страницы строится ΠΈΠ· Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌ ΠΈ Π² процСссС рСдактирования автоматичСски формируСтся HTML-ΠΊΠΎΠ΄ страницы, Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ Π²ΠΈΠ΄ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ сразу отобраТаСтся Π½Π° экранС.

ΠŸΡ€Π°Π²Π΄Π°, Ρƒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² Π΅ΡΡ‚ΡŒ ряд нСдостатков. Π’ частности, сгСнСрированный ΠΈΠΌΠΈ HTML-ΠΊΠΎΠ΄ Π΄Π°Π»Π΅ΠΊΠΎ Π½Π΅ всСгда Π±Ρ‹Π²Π°Π΅Ρ‚ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌ, Ρ‚. Π΅. Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС, Ρ‡Π΅ΠΌ ΠΏΡ€ΠΈ Π΅Π³ΠΎ нСпосрСдствСнном описании Π½Π° языкС HTML. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π² этих Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ… Π΅ΡΡ‚ΡŒ масса настроСк, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ нСсвСдущСму Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΡƒ Π±ΡƒΠ΄ΡƒΡ‚ просто нСпонятны. НапримСр, Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ, Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅ ΡΠΎΠ·Π΄Π°ΡŽΡ‰ΠΈΠΉ сайт, ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ Π·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Β«ΡΠΊΠΎΡ€ΡŒΒ» ссылки ΠΈΠ»ΠΈ Β«Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст» изобраТСния. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Ρ…ΠΎΡ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ свСдСния ΠΎΠ± ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Ρ… Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ.

БущСствуСт достаточно ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΡ… Π² Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ сайта ΠΈ Π·Π°ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Π΅Π³ΠΎ содСрТимым. ΠšΡ€Π°Ρ‚ΠΊΠΎ опишСм Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнныС.

1. Adobe Dreamweaver β€” ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ популярных коммСрчСских ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Ρ… для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ сайтов. Π˜Π·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΈ поддСрТивался ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ Macromedia (Π΄ΠΎ 2005 Π³.). Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ вСрсии, начиная с Dreamweaver CS3 (2007 Π³.), выпускаСт компания Adobe. Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ содСрТит ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€ всСвозмоТных инструмСнтов, ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ интСрфСйс, Ρ‚ΠΎΠ½ΠΊΠΈΠ΅ настройки, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠ΅ ΠΏΠΎΠ΄ΠΎΠ³Π½Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ ΠΏΠΎΠ΄ Π½ΡƒΠΆΠ΄Ρ‹ web-мастСра, Π° Ρ‚Π°ΠΊΠΆΠ΅ встроСнный FTP-ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ² Π½Π° сСрвСр.

ΠΠ°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ страницы практичСски Π±Π΅Π· знания HTML β€” добавляя элСмСнты страницы ΠΈ указывая ΠΈΡ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ встроСнного мастСра (рис. 2.7).

ΠžΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ сайт для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ β€” http://www.adobe.com/downloads/.

2. Microsoft Office SharePoint Designer 2007 β€” Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для web-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΎΡ‚ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Microsoft (рис. 2.8). ЯвляСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΏΠ°ΠΊΠ΅Ρ‚Π° Microsoft Office 2007, Π½ΠΎ ΠΏΡ€ΠΈ этом Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ установки. Π”Π°Π½Π½Ρ‹ΠΉ ΠΏΠ°ΠΊΠ΅Ρ‚ относится ΠΊ числу достаточно слоТных Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΡ… ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΎΡΡ‚Π΅ΠΉΡˆΠΈΠ΅ web-страницы, Π½ΠΎ ΠΈ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹Π΅ web-ΡƒΠ·Π»Ρ‹, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Π΅ для ΠΊΠΎΠ»Π»Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Π‘ΠΎΠ»Π΅Π΅ новая вСрсия ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Microsoft Office SharePoint Designer 2010 максимально завязана Π½Π° ΡΠΎΠ²ΠΌΠ΅ΡΡ‚Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ большого числа людСй Π½Π°Π΄ ΠΎΠ΄Π½ΠΈΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ установки ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния Π½Π° сСрвСрС, Π³Π΄Π΅ хранится Π΄Π°Π½Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚.

Π˜Π·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ этот ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ относился ΠΊ разряду коммСрчСских, Π½ΠΎ с 2009 Π³ΠΎΠ΄Π° стал Ρ€Π°ΡΠΏΡ€ΠΎΡΡ‚Ρ€Π°Π½ΡΡ‚ΡŒΡΡ бСсплатно для всСх ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΡ… Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ сайтС Microsoft Office:

SharePoint Designer 2007.

Microsoft SharePoint Designer 2010 (32-разрядная вСрсия).

Microsoft SharePoint Designer 2010 (64-разрядная вСрсия.

SharePoint Designer 2013.

3. WebPageMaker β€” простой, быстрый ΠΈ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для создания сайтов. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΡ‹ΡˆΠΊΠΈ пСрСтаскиваСт Π² Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ мСста Π½Π° страницС Π·Π°Ρ€Π°Π½Π΅Π΅ Π·Π°Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Π½Ρ‹Π΅ тСксты ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ. Π’ состав ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ большоС количСство Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… шаблонов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ основу для Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ сайта.

ВстроСнный FTP-ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ позволяСт быстро Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ сайт Π½Π° сСрвСр. Π‘Π°ΠΉΡ‚Ρ‹, сдСланныС Π² WebPageMaker-3.0.3, ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π²ΠΎ всСх основных Ρ‚ΠΈΠΏΠ°Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ².

К ΠΎΠ΄Π½ΠΎΠΌΡƒ ΠΈΠ· сущСствСнных достоинств Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° относится ΠΎΡ‡Π΅Π½ΡŒ нСбольшой объСм дистрибутива (всСго 3,5 ΠœΠ±Π°ΠΉΡ‚). ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, сущСствуСт Ρ‚Π°ΠΊ называСмая вСрсия portable, которая Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ установки (Π΅Π΅ объСм β€” 6 ΠœΠ±Π°ΠΉΡ‚).

4. Nvu β€” свободно распространяСмый Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ HTML-peΠ΄Π°ΠΊΡ‚ΠΎΡ€. ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Nvu состоит Π² Π΅Π³ΠΎ кроссплатформСнности: Π΅ΡΡ‚ΡŒ вСрсии ΠΏΠΎΠ΄ Linux, Microsoft Windows ΠΈ MacOS.

Помимо Ρ‚ΠΈΠΏΠΎΠ²Ρ‹Ρ… для web-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Nvu содСрТит ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ FTP-ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€, ΠΌΠΎΡ‰Π½ΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ для Ρ„ΠΎΡ€ΠΌ, Ρ‚Π°Π±Π»ΠΈΡ† ΠΈ шаблонов. Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΎΡ‡Π΅Π½ΡŒ прост Π² использовании. Π’ послСдниС нСсколько Π»Π΅Ρ‚ Nvu Π½Π΅ развиваСтся, Π½ΠΎ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π» этого Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ‚ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ KompoZer.

5. KompoZer (рис. 2.9) β€” ΠΎΡ‚Π²Π΅Ρ‚Π²Π»Π΅Π½ΠΈΠ΅ ΠΎΡ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Nvu. KompoZer являСтся свободно распространяСмой web-авторской систСмой, которая сочСтаСт Π² сСбС ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ для web-Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. По ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с Nvu, KompoZer создаСт Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ ΠΊΠΎΠ΄ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ. KompoZer Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ прост Π² использовании, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ Π΅Π³ΠΎ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ хотят ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ сайты Π±Π΅Π· получСния ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹Ρ… тСхничСских Π·Π½Π°Π½ΠΈΠΉ. KompoZer ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π² качСствС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° для создания Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… web-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ². ОбъСм дистрибутива β€” 7 ΠœΠ±Π°ΠΉΡ‚.

(http://www.kompozer.net/download) β€” Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ вСрсии KompoZer.

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰Π°Ρ страница Вопросы ΠΈ задания

9 Π›ΡƒΡ‡ΡˆΠΈΠΉ WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ Π² вашС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ [ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²]

МногиС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ, особСнно Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠ΅, Π²Ρ‹Π±ΠΈΡ€Π°ΡŽΡ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ WYSIWYG, для кодирования, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΈΡ… Π»Π΅Π³ΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с Π²Π΅Π±-сайтами ΠΈ Π²Π΅Π±-прилоТСниями.

Π₯отя использованиС тСкстового HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΏΡ€ΠΈ внСсСнии Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π½Π° сайт Π½Π΅ ΠΏΠΎΠΌΠ΅ΡˆΠ°Π΅Ρ‚, Π²Π°ΠΌ придСтся Π²Π²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ.

Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ большой ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ для ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠΎΠ΄Π΅Ρ€ΠΎΠ², Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ‚Ρ€ΡƒΠ΄Π½Ρ‹ΠΌ для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… ΠΈΠ»ΠΈ Π»ΡŽΠ±ΠΈΡ‚Π΅Π»Π΅ΠΉ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, это ΠΏΠΎΡ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ большС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ усилий.

И Π² этом высококонкурСнтном ΠΌΠΈΡ€Π΅ Π²Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹ ΠΏΠ΅Ρ€Π΅Π΄ΠΎΠ²Ρ‹Π΅, Π±ΠΎΠ»Π΅Π΅ эффСктивныС инструмСнты для выполнСния вашСй Π·Π°Π΄Π°Ρ‡ΠΈ.

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΡΡ‚Ρ€Π΅ΠΌΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ растСт.

Π”Π°Π²Π°ΠΉΡ‚Π΅ разбСрСмся, Ρ‡Ρ‚ΠΎ это Ρ‚Π°ΠΊΠΎΠ΅ ΠΈ ΠΊΠ°ΠΊΠΈΠ΅ Π»ΡƒΡ‡ΡˆΠΈΠ΅ WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² свои сайты ΠΈ прилоТСния.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ HTML?

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΌΡ‹ ΠΏΠΎΠΉΠΌΠ΅ΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ WYSIWYG, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ сначала ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ… HTML.

HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ β€” это ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹Π΅ для кодирования Π² HTML, CSS ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… языках программирования. Они ΠΈΠΌΠ΅ΡŽΡ‚ Ρ‚Π°ΠΊΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, ΠΊΠ°ΠΊ:

  • ΠŸΠΎΠ΄ΡΠ²Π΅Ρ‚ΠΊΠ° синтаксиса
  • ΠžΡ‚Π»Π°Π΄ΠΊΠ°
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ΠΊΠΎΠ΄Π°
  • АвтодополнСниС
  • Поиск ΠΈ Π·Π°ΠΌΠ΅Π½Π°
  • Вставка элСмСнтов HTML

ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.

HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΡŽΡ‚ Ρ€Π°Π±ΠΎΡ‡ΠΈΠ΅ процСссы кодирования ΠΈ экономят вашС врСмя ΠΈ силы. Π’ основном это Π΄Π²Π° Ρ‚ΠΈΠΏΠ°: тСкстовыС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ HTML ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ WYSIWYG.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ WYSIWYG?

Β«What You See Is What You GetΒ», ΠΈΠ»ΠΈ WYSIWYG β€” это Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‰ΠΈΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΠΈ программистам Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ своСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, ΠΏΠΎΠΊΠ° ΠΎΠ½ находится Π² стадии Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π²Π°ΠΌ сразу ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ влияниС Π²Π°ΡˆΠΈΡ… ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π½Π° ΠΆΠΈΠ²ΠΎΠ΅ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ сайт, ΠΏΠΎΠΊΠ° Π²Ρ‹ Π΅Ρ‰Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ Π½Π°Π΄ Π½ΠΈΠΌ. Π›ΡƒΡ‡ΡˆΠ΅Π΅ Π² этих Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ… Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ языки кодирования ΠΈΠ»ΠΈ программирования, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ….

НапримСр, Π²Ρ‹ создаСтС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, Ρ‡Ρ‚ΠΎΠ±Ρ‹ внСсти Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ измСнСния Π² свой ΠΊΠΎΠ΄. Когда Π²Ρ‹ это сдСлаСтС, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π΄ΠΎ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ интСрфСйс Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½.

Π­Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ программистам ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚Π΅ Π²Π΅Π±-прилоТСния ΠΈΠ»ΠΈ сайты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½ΡƒΠΆΠ½Ρ‹ ΠΈΡ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ.

Π—Π°Ρ‡Π΅ΠΌ Π²Π°ΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ WYSIWYG?

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ WYSIWYG β€” ваши Π»ΡƒΡ‡ΡˆΠΈΠ΅ Π΄Ρ€ΡƒΠ·ΡŒΡ, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ быстро ΡΠ³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ HTML-ΠΊΠΎΠ΄, фактичСски Π½Π΅ касаясь ΠΊΠΎΠ΄Π°. Π’ основном ΠΎΠ½ΠΈ подходят для Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π»ΡŽΠ±ΡΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ WYSIWYG.

Π£Π΄ΠΎΠ±Π½Ρ‹ΠΉ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ WYSIWYG просты Π² использовании. Π‘Π»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…, ΠΈΠ·ΡƒΡ‡Π°ΡŽΡ‰ΠΈΡ… ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π² HTML. Они Π΄Π΅Π»Π°ΡŽΡ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π² HTML ΠΈ CSS ΠΌΠ΅Π½Π΅Π΅ Π±ΠΎΠ»Π΅Π·Π½Π΅Π½Π½Ρ‹ΠΌ ΠΈ Π±ΠΎΠ»Π΅Π΅ приятным.

Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ для вас, Ссли Π²Ρ‹ устали ΠΎΡ‚ использования основного тСкстового Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΈ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ быстро ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ ваши измСнСния выглядят Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. Они Ρ‚Π°ΠΊΠΆΠ΅ быстрСС; ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, ΠΎΠ½ΠΈ экономят ΠΌΠ½ΠΎΠ³ΠΎ вашСго Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ усилий.

Π£ΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ количСство ошибок

ИспользованиС Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°, Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΊΠ°ΠΊ WYSIWYG, Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ сниТаСт Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ ошибок. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ этот инструмСнт для внСсСния ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π½Π° свой Π²Π΅Π±-сайт ΠΈΠ»ΠΈ Π² Π²Π΅Π±-прилоТСния, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ‚ΠΎΡ‡Π½ΠΎΠ΅ влияниС своих дСйствий.

Π‘Π»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ссли Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π½Π΅ Ρ‚Π°ΠΊ ΠΈΠ»ΠΈ Π½Π΅ Π½Π° Π΄ΠΎΠ»ΠΆΠ½ΠΎΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ это Π½Π΅ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ. Π­Ρ‚ΠΎ избавляСт вас ΠΎΡ‚ нСобходимости ΠΆΠ΄Π°Ρ‚ΡŒ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ всСго процСсса, Π° Π·Π°Ρ‚Π΅ΠΌ сразу ΠΆΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π΅Π³ΠΎ, ΠΊΠ°ΠΊ Π² случаС с тСкстовыми HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ.

ΠŸΡ€ΠΎΡΡ‚ΠΎΡ‚Π° ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ

Π’Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ Π²Π°ΠΌΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π»Π΅Π³ΠΊΠΎ ΠΈ с мСньшими усилиями ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ с вашим Π²Π΅Π±-сайтом ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ Π²Π΅Π±-прилоТСния.

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ WYSIWYG Π΄Π΅Π»Π°Π΅Ρ‚ ΠΈΠΌΠ΅Π½Π½ΠΎ это. Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ мноТСство интСрфСйсных ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ². Π­Ρ‚ΠΎ избавляСт вас ΠΎΡ‚ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ обращСния ΠΊ исходному ΠΊΠΎΠ΄Ρƒ для исправлСния ошибок, Π²ΠΎΠ·Π½ΠΈΠΊΡˆΠΈΡ… ΠΈΠ·-Π·Π° ΠΏΠ»ΠΎΡ…ΠΎΠΉ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ.

ΠŸΠ΅Ρ€ΡΠΎΠ½Π°Π»ΠΈΠ·Π°Ρ†ΠΈΡ

Π›ΡƒΡ‡ΡˆΠΈΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ WYSIWYG ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ внСшний Π²ΠΈΠ΄ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΈΠ· Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π·Π½Π°Ρ‡ΠΊΠΎΠ², скинов, Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ Ρ‚. Π΄., Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваш ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π±Ρ‹Π».

Π Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ возмоТности рСдактирования

Когда Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ измСнСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ сдСлали, выглядят Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° WYSIWYG, ваши возмоТности рСдактирования Ρ€Π°ΡΡˆΠΈΡ€ΡΡŽΡ‚ΡΡ ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с тСкстовыми Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ.

Π­Ρ‚ΠΈ инструмСнты Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ элСмСнтами, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ Ρ€Π΅ΠΆΠΈΠΌΡ‹ рСдактирования, ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ форматирования, ярлыки, Π·Π½Π°Ρ‡ΠΊΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠ΄Π΅Π»Π°ΡŽΡ‚ процСсс рСдактирования Π΅Ρ‰Π΅ Π±ΠΎΠ»Π΅Π΅ приятным.

Π˜Ρ‚Π°ΠΊ, Ссли Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅ Π»ΡƒΡ‡ΡˆΠΈΠΉ WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для своСго ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Π²ΠΎΡ‚ нСсколько ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ².

Tiny

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π½Π°Π΄Π΅ΠΆΠ½Ρ‹ΠΉ ΠΈ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ для своСй ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ TinyMCE. Он Π΄Π°Π΅Ρ‚ Π²Π°ΠΌ ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ тСкста ΠΈ Π΄Π°Π΅Ρ‚ Π²Π°ΠΌ Π΄Π²Π° Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°:

  • Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ интСрфСйс с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ API-интСрфСйсов
  • Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ прСимущСствами Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ уровня ΠΈ создайтС Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ поколСния.

TinyMCE ΠΌΠΎΠΆΠ΅Ρ‚ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² соотвСтствии с ростом вашСго прилоТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… надстроСк ΠΏΡ€Π΅ΠΌΠΈΡƒΠΌ-класса ΠΈ ядра с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΊΠ°ΠΊ Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΉ, настраиваСмый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹. Он ΠΈΠΌΠ΅Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ 12 ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΉ ΠΈ 400 Π³ΠΈΠ±ΠΊΠΈΡ… API.

TinyMCE ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ с Π»ΡŽΠ±Ρ‹ΠΌ тСхнологичСским стСком ΠΈ Ρ€Π°ΡΡˆΠΈΡ€ΡΡ‚ΡŒ возмоТности рСдактирования Π² Ρ†Π΅Π»ΠΎΠΌ. Благодаря функциям ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ быстрСС ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, Π² Ρ‚ΠΎΠΌ числС ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΈΠ· Google Docs, Word, Excel ΠΈ Ρ‚. Π΄. 

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ ссылок, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ ΠΎΡ€Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ читаСмости с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌΠΈ словарями. ΠŸΠΎΠ΄Π½ΠΈΠΌΠΈΡ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π½Π° ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ благодаря совмСстной Ρ€Π°Π±ΠΎΡ‚Π΅ Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, коммСнтариям ΠΈ упоминаниям.

Π›Π΅Π³ΠΊΠΎ управляйтС своими изобраТСниями ΠΈΠ»ΠΈ Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ Π² ΠΎΠ±Π»Π°ΠΊΠ΅ ΠΈ распространяйтС ΠΈΡ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Tiny Drive. Он ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π°ΡΡ‚ΡƒΡ‰ΡƒΡŽ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ, Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΎΠΏΡ†ΠΈΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ, ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½Π½ΡƒΡŽ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ ΠΈ сообщСство StackOverflow. ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΏΠΎΠΌΠΎΡ‰ΡŒ, ΠΊΠΎΠ³Π΄Π° ΠΈ Π³Π΄Π΅ Π²Π°ΠΌ это Π½ΡƒΠΆΠ½ΠΎ.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ бСсплатно ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π»ΠΈΡ†Π΅Π½Π·ΠΈΡŽ LGPL, основной Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΡΠΎΠ²ΠΌΠ΅ΡΡ‚Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ сообщСства. Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ прСимущСствами, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ 1500 Π·Π°Π³Ρ€ΡƒΠ·ΠΎΠΊ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π² мСсяц, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅, с ΠΏΠ»Π°Π½Π°ΠΌΠΈ ΠΎΡ‚ 29 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц.

Froala

Π˜ΡΠΏΡ‹Ρ‚Π°ΠΉΡ‚Π΅ WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ поколСния с Froala β€” ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ Javascript. Он прост Π² использовании ΠΈ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². ΠŸΠΎΠ·Π²ΠΎΠ»ΡŒΡ‚Π΅ вашим ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π²Π»ΡŽΠ±ΠΈΡ‚ΡŒΡΡ Π² Π΅Π³ΠΎ Π³Π»Π°Π΄ΠΊΠΈΠΉ ΠΈ чистый Π΄ΠΈΠ·Π°ΠΉΠ½.

Froala β€” самый блСстящий ΠΈ красивый HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ WYSIWYG благодаря простому Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΈ высокой ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. Π­Ρ‚ΠΎ Π»Π΅Π³ΠΊΠΈΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ обСспСчиваСт Π½Π°Π΄Π΅ΠΆΠ½Ρ‹Π΅ возмоТности рСдактирования тСкста для всСх Π²Π°ΡˆΠΈΡ… Π²Π΅Π±-сайтов ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

Froala β€” это бСсплатный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² своСм мобильном ΠΈΠ»ΠΈ Π²Π΅Π±-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅. Π•Π³ΠΎ ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ 100 Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Π² простом интСрфСйсС, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ придСтся ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ мноТСством ΠΊΠ½ΠΎΠΏΠΎΠΊ.

Π˜Π½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Π°Ρ панСль инструмСнтов Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΠ΅Ρ‚ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ дСйствиС Π² Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Π² соотвСтствии с ΠΎΠ±Π»Π°ΡΡ‚ΡŒΡŽ дСйствия. ВСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Froala состоит ΠΈΠ· мноТСства простых ΠΈ слоТных Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° использования. НачнитС Ρ€Π°Π±ΠΎΡ‚Ρƒ Π·Π° считанныС ΠΌΠΈΠ½ΡƒΡ‚Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΡ‰Π½ΠΎΠ³ΠΎ API.

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ позволяСт Π΄Π΅Π»Π°Ρ‚ΡŒ всС, Ρ‡Ρ‚ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ΡŒ структурированный ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΎ написанный ΠΊΠΎΠ΄. Froala поставляСтся с Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 30 Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π°ΠΌΠΈ для использования Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅. Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, ΠΎΠ½ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ инструмСнт JavaScript Π² Π²Π°ΠΆΠ½Π΅ΠΉΡˆΡƒΡŽ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΡŽ для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… отраслСй.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ΅ количСство Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ с Π»ΡŽΠ±Ρ‹ΠΌ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΌ Π²Π°ΠΌΠΈ ΠΏΠ»Π°Π½ΠΎΠΌ. НачнитС с Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠ»Π°Π½Π° Π·Π° 199 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² Π³ΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для простого Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ прилоТСния ΠΈΠ»ΠΈ Π±Π»ΠΎΠ³Π°, Π³Π΄Π΅ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹Π΅ возмоТности.

CoffeeCup

CoffeeCup обСспСчиваСт ΠΌΠΎΡ‰Π½ΠΎΠ΅ ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅ благодаря своим ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятным инструмСнтам, ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°ΠΌ Π²Π΅Π±-сайта, ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ ссылкам Π½Π° Ρ‚Π΅Π³ΠΈ, дСсяткам Π½Π΅ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ ΠΈ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌΡƒ просмотру Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ выдСлСния Ρ‚Π΅Π³ΠΎΠ² ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ быстро Π½Π°ΠΉΡ‚ΠΈ всС ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹Π΅ ΠΈΠ»ΠΈ Π·Π°ΠΊΡ€Ρ‹Ρ‚Ρ‹Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, CoffeeCup создаСт для вас Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ бСсплатныС ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹. Π’Π°ΠΌ просто Π½ΡƒΠΆΠ½ΠΎ Π΄Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML Ρ‡Π΅Ρ€Π΅Π· установщик шаблонов.

ΠŸΠΎΠ΄Π½ΠΈΠΌΠΈΡ‚Π΅ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ Π½Π° Π½ΠΎΠ²Ρ‹ΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ с Π½ΠΎΠ²Ρ‹ΠΌ экраном привСтствия. НаТмитС Π½Π° Π½ΠΎΠ²ΡƒΡŽ HTML-страницу, Ρ‡Ρ‚ΠΎΠ±Ρ‹ быстро ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡΡ‚Π°Ρ‚ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ страницу. CoffeeCup позволяСт Π²Π°ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ слоТный ΠΏΡ€ΠΎΠ΅ΠΊΡ‚, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π½Π°Ρ‡Π°Ρ‚ΡŒ с эффСктного шаблона.

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΡƒΠ΄ΠΎΠ²ΠΎΠ»ΡŒΡΡ‚Π²ΠΈΠ΅ ΠΎΡ‚ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π½Π° Π½ΠΎΠ²ΠΎΠΌ Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΌ экранС. Π¨ΠΈΡ€ΠΎΠΊΠΈΠΉ Π²Ρ‹Π±ΠΎΡ€ Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ быстро Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ свою Ρ€Π°Π±ΠΎΡ‚Ρƒ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹ CSS ΠΈΠ»ΠΈ HTML с самого Π½Π°Ρ‡Π°Π»Π° ΠΈ ΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ врСмя с Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌ ΠΊ использованию ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ ΠΈΠ»ΠΈ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ Ρ‚Π΅ΠΌΠΎΠΉ.

Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° Β«ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΈΠ· Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°Β», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΅Π³ΠΎ Ρ„Π°ΠΉΠ»Ρ‹ прямо ΠΈΠ· Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈΠ»ΠΈ с вашСго ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Π·ΡΡ‚ΡŒ свой сайт Π·Π° ΠΎΡ‚ΠΏΡ€Π°Π²Π½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ. ΠžΡΡ‚Π°Π²Π°ΠΉΡ‚Π΅ΡΡŒ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ с логичСской структурой ΠΈ устраняйтС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ изобраТСния ΠΈ ссылки.

БохраняйтС Ρ‚Π°ΠΊΠΈΠ΅ элСмСнты, ΠΊΠ°ΠΊ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ», Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈΠ»ΠΈ мСню, Π² ΠΎΠ΄Π½ΠΎΠΌ мСстС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π²ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π² Π»ΡŽΠ±ΡƒΡŽ страницу с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ². Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π·Π°Π΄Π°Ρ‡Π° проста; вмСсто обновлСния ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ экзСмпляра элСмСнта ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ элСмСнт Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΈ Ρ€Π°Π·Ρ€Π΅ΡˆΠΈΡ‚Π΅ ΠΈΠΌ автоматичСски ΠΎΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒ Π΅Π³ΠΎ Π²Π΅Π·Π΄Π΅.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ инструмСнты, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ ΠΈ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ свои страницы. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π· Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π΅Π³ΠΎ Π±ΠΎΠ»Π΅Π΅ доступным для поисковых систСм ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΌΠΈ возмоТностями. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚ΡŒ экран, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр Π²Π΅Π±-сайта ΠΏΠΎΠ΄ вашим ΠΊΠΎΠ΄ΠΎΠΌ. ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡƒΠ·Π½Π°Ρ‚ΡŒ, Π½Π°Π΄ Ρ‡Π΅ΠΌ Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ ΠΈ ΠΊΠ°ΠΊ это выглядит.

CoffeeCup ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для SEO-спСциалистов, Ρ€ΡƒΠΊΠΎΠ²ΠΎΠ΄ΠΈΡ‚Π΅Π»Π΅ΠΉ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΉ ΠΈ пСрфСкционистов. ΠšΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ вашСго Π²Π΅Π±-сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° CoffeeCup β€” это самоС ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, работая мСньшС ΠΈ принося большС. ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ CoffeeCup Π·Π° 39 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² ΠΈΠ»ΠΈ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ бСсплатно.

CKEditor

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ совмСстного рСдактирования с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CKEditor β€” Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° WYSIWYG ΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ Π΅Π³ΠΎ многочислСнными прСимущСствами. Π•Π³ΠΎ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈ чистый ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ WYSIWYG UX для создания сСмантичСского ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

CKEditor написан Π½Π° ES6 с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ модСлью Π΄Π°Π½Π½Ρ‹Ρ…, Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€ΠΎΠΉ MVC ΠΈ Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ модСлью DOM. Он встраиваСт для вас Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΌΠ΅Π΄ΠΈΠ°Ρ„Π°ΠΉΠ»Ρ‹ ΠΈ изобраТСния. ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Markdown ΠΈ HTML. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, CKEditor настраиваСтся ΠΈ Ρ€Π°ΡΡˆΠΈΡ€ΡΠ΅Ρ‚ΡΡ ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΏΠΎΠ²Ρ‹ΡΡŒΡ‚Π΅ свою ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹, автоматичСского форматирования, отслСТивания ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ, Ρ€Π΅ΠΆΠΈΠΌΠ° ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для тСкстовых ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠΉ, обсуТдСний ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ вмСстС с Π°Π²Π°Ρ‚Π°Ρ€Π°ΠΌΠΈ. Он ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ всС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ тСкста, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ° ΠΈΠ»ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ вСрсии Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ², Π° Ρ‚Π°ΠΊΠΆΠ΅ эффСктивно ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ вСсь Ρ…ΠΎΠ΄ содСрТимого. БохраняйтС вСрсии Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ ΠΈΠ»ΠΈ допускайтС автоматичСскиС Ρ†ΠΈΠΊΠ»Ρ‹ сохранСния. Π•Π³ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ с функциями совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΈΠ»ΠΈ Π°Π²Ρ‚ΠΎΠ½ΠΎΠΌΠ½ΠΎ.

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ» Word ΠΈΠ»ΠΈ PDF ΠΈΠ· своСго содСрТимого ΠΈ ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ стили сохранСны Π² экспортированном Ρ„Π°ΠΉΠ»Π΅. CKEditor ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ€Π°Π·Ρ€Ρ‹Π²Ρ‹ страниц, Π° ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΈ прСдлоТСния Π²ΠΈΠ΄Π½Ρ‹ Π² Ρ„Π°ΠΉΠ»Π΅ Word.

ДобавляйтС Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ Π²ΠΈΠ΄Π΅ΠΎ, Ρ„Π°ΠΉΠ»Ρ‹ PDF ΠΈΠ»ΠΈ изобраТСния ΠΊ своСму ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π³ΠΈΠ±ΠΊΠΈΡ… инструмСнтов Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ управлСния Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ. ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π»ΡƒΡ‡ΡˆΡƒΡŽ Π² своСм классС Π·Π°Ρ‰ΠΈΡ‚Ρƒ вмСстС с Π΄Π΅Ρ‚Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ для измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΎΠ±Ρ€Π΅Π·ΠΊΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ встроСнного Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π³ΠΈΠ±ΠΊΠΈΠΉ ΠΏΠ»Π°Π½ Π² соотвСтствии с вашими потрСбностями ΠΈΠ»ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ стандартный ΠΏΠ°ΠΊΠ΅Ρ‚ Π·Π° 37 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц для ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² срСднСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π°. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ бСсплатно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ CKEditor, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ дСйствитСлСн для 5 ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ Π΄Π²ΡƒΡ… Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².

Editor.js

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ бСсплатный Π±Π»ΠΎΡ‡Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ поколСния β€” Editor.js, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ ΠΈ Ρ€Π°ΡΡˆΠΈΡ€ΡΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ простого API.

Editor.js Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ чистый Π²Ρ‹Π²ΠΎΠ΄ Π΄Π°Π½Π½Ρ‹Ρ… Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JSON, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π΅ΡˆΠ°ΡŽΡ‰Π΅Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для очистки, ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Π½Π° сСрвСрной части. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π½Π° своих Π²Π΅Π±-сайтах, Π² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… прилоТСниях, ΡΡ‚Π°Ρ‚ΡŒΡΡ…, AMP, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°Ρ… для чтСния Ρ€Π΅Ρ‡ΠΈ ΠΈ Ρ‚. Π΄. 

На Π΅Π³ΠΎ Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ мСстС Π΅ΡΡ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², Π°Π±Π·Π°Ρ†Π΅Π², Ρ†ΠΈΡ‚Π°Ρ‚, списков, опросов, Π³Π°Π»Π΅Ρ€Π΅ΠΉ, Ρ‚Π°Π±Π»ΠΈΡ† ΠΈ ΠΏΡ€ΠΎΡ‡Π΅Π³ΠΎ. Π­Ρ‚ΠΈ Π±Π»ΠΎΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹, ΠΎΠ±Π»Π΅Π³Ρ‡Π°ΡŽΡ‰ΠΈΠ΅ Ρ€Π°Π±ΠΎΡ‚Ρƒ.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ встроСнныС элСмСнты, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€, ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ, Ρ‚Π΅Ρ€ΠΌΠΈΠ½ ΠΈ Ρ‚. Π΄. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Editor.js Π»Π΅Π³ΠΊΠΎ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Ρ€Π°ΡΡˆΠΈΡ€ΡΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π»ΠΎΠ³ΠΈΠΊΠΈ вашСго ΠΊΠΎΠ΄Π°.

Quill

Quill β€” это ΠΌΠΎΡ‰Π½Ρ‹ΠΉ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ WYSIWYG, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ для соврСмСнных Π²Π΅Π±-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ². Π­Ρ‚ΠΎ бСсплатный инструмСнт с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π΄ΠΎΠ²Π΅Ρ€ΡΡŽΡ‚ Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, ΠΊΠ°ΠΊ LinkedIn ΠΈ Airtable.

Quill ΠΈΠΌΠ΅Π΅Ρ‚ Π²Ρ‹Ρ€Π°Π·ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ API ΠΈ ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½ΡƒΡŽ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ процСсс рСдактирования ΡƒΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ. Он Ρ‚Π°ΠΊΠΆΠ΅ настраиваСтся Π² соотвСтствии с вашими потрСбностями ΠΈ прСдпочтСниями.

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ доступ ΠΊΠΎ всСму Π²Π°ΡˆΠ΅ΠΌΡƒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ ΠΈ ΠΊΠΎΠ΄Ρƒ ΠΈ Π»Π΅Π³ΠΊΠΎ вноситС измСнСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ простого API. Он Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ согласованно с JSON для Π²Π²ΠΎΠ΄Π° ΠΈ Π²Ρ‹Π²ΠΎΠ΄Π°.

Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, Quill β€” это кроссплатформСнный инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ мноТСство Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΠΈ устройств, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Ρ‹, смартфоны ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹. Π­Ρ‚ΠΎΡ‚ WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² любого Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΠΎΡ‚ 500 Π΄ΠΎ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ….

НачнитС с простого ядра Quill ΠΈ постСпСнно добавляйтС ΠΈΠ»ΠΈ настраивайтС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ роста Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².

Summernote

Summernote β€” простой ΠΈ элСгантный WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉ Bootstrap 3.x.x β€” 5.x.x. Π­Ρ‚ΠΎΡ‚ инструмСнт с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ ΠΈΠΌΠ΅Π΅Ρ‚ Π»ΠΈΡ†Π΅Π½Π·ΠΈΡŽ MIT ΠΈ поддСрТиваСтся Π΅Π³ΠΎ ΠΎΠ±ΡˆΠΈΡ€Π½Ρ‹ΠΌ сообщСством.

Π­Ρ‚ΠΎ Π»Π΅Π³ΠΊΠΈΠΉ инструмСнт Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ ΠΎΠΊΠΎΠ»ΠΎ 100 ΠšΠ‘, ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉ ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ взаимодСйствиС с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ, Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ² Π΅Π³ΠΎ ΠΈ ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠΈΠ² свой CSS ΠΈ js с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Bootstrap.

Summernote позволяСт Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ, инициализируя Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΌΠΎΠ΄ΡƒΠ»ΠΈ ΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ быстро ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ с вашим бэкэндом ΠΈ сторонними инструмСнтами, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ Django, angular ΠΈ rails.

Π’Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ мноТСство Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Π²ΠΎΠ·Π΄ΡƒΡˆΠ½Ρ‹ΠΉ Ρ€Π΅ΠΆΠΈΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄Π°Π΅Ρ‚ интСрфСйс Π±Π΅Π· ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов, Ρ‚Π΅ΠΌΡ‹ с Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠΎΠΌ, нСсколько Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² для внСсСния ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π½Π° Ρ…ΠΎΠ΄Ρƒ, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ Π·Π½Π°Ρ‡ΠΊΠΈ SVG ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, инструмСнт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ автозаполнСния, которая ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ быстрСС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ подсказки с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ. Он Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² основных Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Chrome, Safari, Firefox, Edge, Internet Explorer 9.+, Opera ΠΈ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ систСмы, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ macOS, Linux ΠΈ Windows.

ContentTools

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Ρ‹ΠΉ ΠΈ красивый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ WYSIWYG β€” ContentTools, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ быстро Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π½Π° HTML-страницы.

Π­Ρ‚ΠΎ бСсплатный инструмСнт с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ, Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ΡΡ, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π½Π° GitHub.

TipTap

TipTap β€” это Π±Π΅Π·Π³ΠΎΠ»ΠΎΠ²Ρ‹ΠΉ WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ². Он ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ вашим Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ ΠΈ позволяСт Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ аспСкты Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°. Он ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ‚Π°ΠΊΠΈΠΌΠΈ компаниями, ΠΊΠ°ΠΊ GitLab, Twill CMS, Nextcloud ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ.

TipTap β€” это инструмСнт с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ ΠΈ большим количСством Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ. Π˜Ρ… сообщСство управляСт Π΅Π³ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ ΠΈ обслуТиваниСм ΠΈ прСдоставляСт Π²Π°ΠΌ ΠΎΠ±ΡˆΠΈΡ€Π½ΡƒΡŽ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ, Π½Π°ΠΏΠΈΡΠ°Π½Π½ΡƒΡŽ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠΎΠΌ.

Π£ Π½Π΅Π³ΠΎ Π΅ΡΡ‚ΡŒ лицСнзия MIT, ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΈ Π² коммСрчСских цСлях, став ΠΈΡ… спонсором ΠΈ финансируя ΠΈΡ… Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ, тСхничСскоС обслуТиваниС ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ.

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ инструмСнт Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, ΠΎΠ½ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ CSS ΠΈ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ стилСм, Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΎΠΉ ΠΈ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ΠΌ. TipTap Π½Π΅ зависит ΠΎΡ‚ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ° ΠΈ Π³ΠΎΡ‚ΠΎΠ²ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с Vue.js ΠΈ Vanilla JavaScript, Π° Ρ‚Π°ΠΊΠΆΠ΅ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ React, Svelte ΠΈ Ρ‚. Π΄. 

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ TypeScript, Π²Ρ‹ смоТСтС ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ²Π°Ρ‚ΡŒ ошибки Π½Π° Ρ€Π°Π½Π½Π΅ΠΉ стадии ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ автозаполнСния для API. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, TipTap ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΡΠΈΠ½Ρ…Ρ€ΠΎΠ½ΠΈΠ·Π°Ρ†ΠΈΡŽ совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ нСсколькими устройствами ΠΈ позволяСт Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π² Π°Π²Ρ‚ΠΎΠ½ΠΎΠΌΠ½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΈΠ· любого мСста ΠΈ Π² любоС врСмя.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

ИспользованиС Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°, Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΊΠ°ΠΊ WYSIWYG-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ внСсти измСнСния ΠΈ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Π½Π° HTML, CSS ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… языках.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ссли Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅ простой Π² использовании ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, упомянутыС Π²Ρ‹ΡˆΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ WYSIWYG β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚. ВсС ΠΎΠ½ΠΈ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ΡΡ, ΡΠ½ΠΈΠΆΠ°ΡŽΡ‚ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ ошибок ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ°ΡŽΡ‚ процСсс рСдактирования.

HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ WYSIWYG ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ поколСния

Волько Ρ‡Ρ‚ΠΎ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½ Π½ΠΎΠ²Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Froala УЗНАВЬ Π‘ΠžΠ›Π¬Π¨Π•

ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ содСрТимому

WYSIWYG HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ поколСния

ΠšΡ€Π°ΡΠΈΠ²Ρ‹ΠΉ Π²Π΅Π±-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ JavaScript, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π»Π΅Π³ΠΊΠΎ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²
, ΠΈ ваши ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ просто Π²Π»ΡŽΠ±ΡΡ‚ΡΡ Π² Π΅Π³ΠΎ чистый Π΄ΠΈΠ·Π°ΠΉΠ½.

Π˜ΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ

Π˜ΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ    

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Π­Ρ‚ΠΈ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΌΠ΅Π½ΡΡŽΡ‚ ΠΌΠΈΡ€, ΠΈ ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Froala.

Π£Π·Π½Π°ΠΉΡ‚Π΅ большС ΠΎ Π½Π°ΡˆΠΈΡ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°Ρ…

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ.

ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ сотнями ΠΊΠ½ΠΎΠΏΠΎΠΊ. Π˜Π½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Π°Ρ панСль инструмСнтов Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° WYSIWYG Froala ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ 100 Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Π² этом простом интСрфСйсС.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π΄Π΅ΠΌΠΎ

Π‘ΠΌΠ°Ρ€Ρ‚. Π˜Π½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятный.

Π˜Π½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Π°Ρ панСль инструмСнтов Froala Π³Ρ€ΡƒΠΏΠΏΠΈΡ€ΡƒΠ΅Ρ‚ всС дСйствия ΠΏΠΎ области дСйствия Π² 4 ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ. Π­Ρ‚ΠΎ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятная панСль инструмСнтов, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π»Π΅Π³ΠΊΠΎ Π½Π°ΠΉΡ‚ΠΈ всС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Π° Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ ΠΈΠ· Π½ΠΈΡ… доступны для вас.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ дСмовСрсии

ΠŸΠΎΠ»Π½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ.

Froala Rich Text Editor ΠΈΠΌΠ΅Π΅Ρ‚ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ спСктр ΠΊΠ°ΠΊ простых, Ρ‚Π°ΠΊ ΠΈ слоТных Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ для всСх Π²ΠΈΠ΄ΠΎΠ² использования.

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ

 

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ

 

 

ΠŸΠΎΠ»Π½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ

 

ΠŸΠΎΡ‡Π΅ΠΌΡƒ Froala Editor?

ΠŸΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²

HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ WYSIWYG, созданный Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². Благодаря ΠΌΠΎΡ‰Π½ΠΎΠΌΡƒ API ΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π·Π° считанныС ΠΌΠΈΠ½ΡƒΡ‚Ρ‹.
Быстрый старт

ΠŸΡ€ΠΎΡΡ‚ΠΎΡ‚Π° Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ

Π‘ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ Froala Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎ всС. Π₯ΠΎΡ€ΠΎΡˆΠΎ написанный, структурированный ΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΈ Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ΡŒ.
ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠ°Ρ сборка

Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹

НСт нСобходимости ΠΈΠ·ΠΎΠ±Ρ€Π΅Ρ‚Π°Ρ‚ΡŒ вСлосипСд. Наш Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ поставляСтся с Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 30 Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² своСм ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅. Π‘ΠΌ. ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹

Classic ΠΈ Inline

Наш HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ WYSIWYG ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΠ» Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ инструмСнт Javascript Π² Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡƒΡŽ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΡŽ для ΠΌΠ½ΠΎΠ³ΠΈΡ… отраслСй. Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв это Π±Ρ‹Π»ΠΎ Π±Ρ‹ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π±Π΅Π· встроСнного HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° WYSIWYG.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ прямо сСйчас с вашим ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ тСхнологичСским стСком.


ΠΠ°Ρ‡Π°Ρ‚ΡŒ сСйчас

НСограничСнноС количСство ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² нСзависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΠΎΠΉ ΠΏΠ»Π°Π½ Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *