» »

Forme na 1000 načinov

Forme na 1000 načinov

roli ::

Torej, ker sem v procesu izdelave spletne strani me zanima nekaj. Za dodajanje komentarjev, forum... bi rad neko formo, z dodatnimi gumbi za smeške, vstavljanje linkov... Nekaj takega kot ima tukaj slo-tech. Torej z klikom na gumb slika se ti pojavi popup kjer te vpraša za pot do slike... Preprosto hočem nekaj kar bi namesto, da bi moral uporabnik vstavljati
<img>
tag le tega naredila skripta. Zanima pa me kje bi kaj takega dobil ali pa kak link do kakega tutoriala z nasveti kako se to naredi. Glede na to, da so te stvarce ponavadi narejene v javascriptu o katerem pa sam praktično nimam pojma. Vse skupaj bi potem vstavil v PHP stran.
http://www.r00li.com

bluefish ::

malo pobrskaj po googlu, imaš kar veliko izbiro, kar se tiče teh urejevalnikov besedila.

Tody ::

Tiny Logo.css-6rjfzk{display:none;visibility:hidden;}@media only screen and (min-width:1024px){.css-6rjfzk{display:block;visibility:visible;}.css-6rjfzk button{all:unset;}.css-6rjfzk a,.css-6rjfzk button{margin:0 2rem 0 0;}.css-6rjfzk a:last-child,.css-6rjfzk button:last-child{margin:0 0;}.css-6rjfzk .ephmtib1{display:none;position:fixed;top:5rem;right:0;left:0;width:100%;z-index:999;background:white;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform 0.3s ease-out;-webkit-transition:transform 0.3s ease-out;transition:transform 0.3s ease-out;outline:none;}.css-6rjfzk .ephmtib1.open{display:block;-webkit-transform:none;-ms-transform:none;transform:none;}.css-6rjfzk .ephmtib1 a{color:#17224f;}.css-6rjfzk .ephmtib1 .ephmtib0{display:none;visibility:hidden;min-height:25rem;padding:3rem 0;display:none;visibility:hidden;}@media only screen and (min-width:1024px){.css-6rjfzk .ephmtib1 .ephmtib0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}}.css-6rjfzk .ephmtib2{display:inline-block;}.css-6rjfzk .ephmtib2:focus-within:not(.loaded) .ephmtib1{display:block;-webkit-transform:none;-ms-transform:none;transform:none;}}Products.css-o3thf3{margin:0 0 0 3rem;color:#233477;}.css-o3thf3 span{margin:0 0 0.25rem;font-size:1rem;font-weight:700;line-height:1.5;-webkit-letter-spacing:0.09px;-moz-letter-spacing:0.09px;-ms-letter-spacing:0.09px;letter-spacing:0.09px;font-family:"Inter VF","Inter",sans-serif;color:inherit;}.css-o3thf3 p{margin:0.25rem 0 0.5rem;max-width:16.5rem;font-size:0.875rem;line-height:1.43;-webkit-letter-spacing:normal;-moz-letter-spacing:normal;-ms-letter-spacing:normal;letter-spacing:normal;font-family:"Inter VF","Inter",sans-serif;color:inherit;}.css-o3thf3 q + a,.css-o3thf3 p + a{font-feature-settings:"liga" 1,"calt" 1,"dlig" 1;font-variant-ligatures:normal;font-size:0.75rem;font-weight:600;line-height:1.33;-webkit-letter-spacing:0.1px;-moz-letter-spacing:0.1px;-ms-letter-spacing:0.1px;letter-spacing:0.1px;font-size:0.875rem;margin:0.5rem 0 1.75rem;font-family:"Fira Code VF","Fira Code",monospace;color:#335dff !important;}.css-o3thf3 q + a:after,.css-o3thf3 p + a:after{content:"->";display:inline-block;margin:0 0 0 0.25rem;-webkit-transition:margin 0.25s ease-in-out;transition:margin 0.25s ease-in-out;pointer-events:none;}.css-o3thf3 q + a:hover:after,.css-o3thf3 p + a:hover:after{margin:0 0 0 0.75rem;}.css-o3thf3 q + a+img,.css-o3thf3 p + a+img{margin:1.75rem 0 0;}.css-o3thf3 h4{margin:2rem 0 0.5rem;font-family:"Inter VF","Inter",sans-serif;font-size:0.75rem;font-weight:normal;line-height:1.33;text-transform:uppercase;color:#a0aac5;}.css-o3thf3 a{-webkit-text-decoration:none;text-decoration:none;color:inherit;}.css-o3thf3 q{margin:0 0 0.5rem;display:block;font-family:"Fira Code VF","Fira Code",monospace;font-size:1rem;font-weight:600;line-height:1.5;-webkit-letter-spacing:0.1px;-moz-letter-spacing:0.1px;-ms-letter-spacing:0.1px;letter-spacing:0.1px;color:#17224f;}.css-o3thf3 ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;margin:0;padding:0;list-style-type:none;}@media only screen and (max-width:1023px){.css-o3thf3 ul{margin-bottom:1.5rem;}}.css-o3thf3 li{position:relative;margin:0 0 0.625rem;line-height:1.43;}.css-o3thf3 li a{display:block;font-family:"Inter VF","Inter",sans-serif;font-size:0.875rem;font-weight:600;color:inherit;}.css-o3thf3 li a:focus{color:#335dff;outline:none;}.css-o3thf3 li::after{position:absolute;display:inline-block;width:2rem;top:0.125rem;left:calc(100% + 0.25rem);content:"->";font-family:"Fira Code VF","Fira Code",monospace;font-size:0.875rem;line-height:1.125;font-weight:600;opacity:0;-webkit-transition:-webkit-transform 0.25s ease-in-out;-webkit-transition:transform 0.25s ease-in-out;transition:transform 0.25s ease-in-out;pointer-events:none;font-feature-settings:"liga" 1,"calt" 1,"dlig" 1;font-variant-ligatures:normal;}.css-o3thf3 li:hover::after{-webkit-transform:translateX(0.5rem);-ms-transform:translateX(0.5rem);transform:translateX(0.5rem);opacity:1;}.css-o3thf3 .link-navigation{display:block;}.css-o3thf3 .link-navigation span{display:inline-block;position:relative;}.css-o3thf3 .link-navigation span img{width:2rem;height:2rem;position:absolute;left:-3rem;top:-0.25rem;object-fit:contain;pointer-events:none;}.css-o3thf3 .link-navigation span{margin:0;}.css-o3thf3 .link-navigation p{padding:0.2rem 0 0;margin:0 0 0.5rem;}.css-o3thf3 .link-navigation + .link-navigation{margin:2rem 0 0;}.css-o3thf3 .link-navigation:focus{outline:none;}.css-o3thf3 .link-navigation:focus span{color:#335dff;}.css-o3thf3 .link-navigation:hover span{-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-thickness:0.125rem;text-decoration-thickness:0.125rem;text-underline-offset:0.1875rem;}.css-o3thf3 .ephmtib7{margin:1.75rem 0 0;background:#f9f9fb;}.css-o3thf3:nth-of-type(2) h4{margin:0 0 0.6rem;}.css-o3thf3:nth-of-type(3){width:20rem;}TinyMCEThe world&#x27;s most trusted WYSIWYG HTML editor, for total control over your rich text editing.OverviewFeaturesPricingDocumentationDemosDownload TinyMCE for FreeMoxieManagerMedia file management simplified in a PHP or .NET environment.DriveFile and image management directly in the cloud..css-qgcwrt{background:#F9F9FB;padding:1rem 1rem 0 1rem;border:1px solid #DFE3EC;border-radius:2px;margin-bottom:1.5rem;color:#233477;}@media only screen and (min-width:1024px){.css-qgcwrt{padding:2rem;background:#EFF1F5;}}.css-qgcwrt span{margin:0 0 0.25rem;font-size:1rem;font-weight:700;line-height:1.5;-webkit-letter-spacing:0.09px;-moz-letter-spacing:0.09px;-ms-letter-spacing:0.09px;letter-spacing:0.09px;font-family:"Inter VF","Inter",sans-serif;color:inherit;}.css-qgcwrt p{margin:0.25rem 0 0.5rem;max-width:15rem;font-size:0.875rem;line-height:1.43;-webkit-letter-spacing:normal;-moz-letter-spacing:normal;-ms-letter-spacing:normal;letter-spacing:normal;font-family:"Inter VF","Inter",sans-serif;color:inherit;}.css-qgcwrt q + a,.css-qgcwrt p + a{font-feature-settings:"liga" 1,"calt" 1,"dlig" 1;font-variant-ligatures:normal;font-size:0.75rem;font-weight:600;line-height:1.33;-webkit-letter-spacing:0.1px;-moz-letter-spacing:0.1px;-ms-letter-spacing:0.1px;letter-spacing:0.1px;font-size:0.875rem;margin:0.5rem 0 1.75rem;font-family:"Fira Code VF","Fira Code",monospace;color:#335dff !important;}.css-qgcwrt q + a:after,.css-qgcwrt p + a:after{content:"->";display:inline-block;margin:0 0 0 0.25rem;-webkit-transition:margin 0.25s ease-in-out;transition:margin 0.25s ease-in-out;pointer-events:none;}.css-qgcwrt q + a:hover:after,.css-qgcwrt p + a:hover:after{margin:0 0 0 0.75rem;}.css-qgcwrt q + a+img,.css-qgcwrt p + a+img{margin:1.75rem 0 0;}.css-qgcwrt h4{margin:2rem 0 0.5rem;font-family:"Inter VF","Inter",sans-serif;font-size:0.75rem;font-weight:normal;line-height:1.33;text-transform:uppercase;color:#a0aac5;}.css-qgcwrt a{-webkit-text-decoration:none;text-decoration:none;color:inherit;}.css-qgcwrt q{margin:0 0 0.5rem;display:block;font-family:"Fira Code VF","Fira Code",monospace;font-size:1rem;font-weight:600;line-height:1.5;-webkit-letter-spacing:0.1px;-moz-letter-spacing:0.1px;-ms-letter-spacing:0.1px;letter-spacing:0.1px;color:#17224f;}.css-qgcwrt ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;margin:0;padding:0;list-style-type:none;}@media only screen and (max-width:1023px){.css-qgcwrt ul{margin-bottom:1.5rem;}}.css-qgcwrt li{position:relative;margin:0 0 0.625rem;line-height:1.43;}.css-qgcwrt li a{display:block;font-family:"Inter VF","Inter",sans-serif;font-size:0.875rem;font-weight:600;color:inherit;}.css-qgcwrt li a:focus{color:#335dff;outline:none;}.css-qgcwrt li::after{position:absolute;display:inline-block;width:2rem;top:0.125rem;left:calc(100% + 0.25rem);content:"->";font-family:"Fira Code VF","Fira Code",monospace;font-size:0.875rem;line-height:1.125;font-weight:600;opacity:0;-webkit-transition:-webkit-transform 0.25s ease-in-out;-webkit-transition:transform 0.25s ease-in-out;transition:transform 0.25s ease-in-out;pointer-events:none;font-feature-settings:"liga" 1,"calt" 1,"dlig" 1;font-variant-ligatures:normal;}.css-qgcwrt li:hover::after{-webkit-transform:translateX(0.5rem);-ms-transform:translateX(0.5rem);transform:translateX(0.5rem);opacity:1;}.css-qgcwrt .link-navigation{display:block;}.css-qgcwrt .link-navigation span{display:inline-block;position:relative;}.css-qgcwrt .link-navigation span img{width:2rem;height:2rem;position:absolute;left:-3rem;top:-0.25rem;object-fit:contain;pointer-events:none;}.css-qgcwrt .link-navigation span{margin:0;}.css-qgcwrt .link-navigation p{padding:0.2rem 0 0;margin:0 0 0.5rem;}.css-qgcwrt .link-navigation + .link-navigation{margin:2rem 0 0;}.css-qgcwrt .link-navigation:focus{outline:none;}.css-qgcwrt .link-navigation:focus span{color:#335dff;}.css-qgcwrt .link-navigation:hover span{-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-thickness:0.125rem;text-decoration-thickness:0.125rem;text-underline-offset:0.1875rem;}.css-qgcwrt .ephmtib7{margin:1.75rem 0 0;background:#f9f9fb;}.css-qgcwrt:nth-of-type(2) h4{margin:0 0 0.6rem;}.css-qgcwrt:nth-of-type(3){width:20rem;}14-day Cloud trial Start today. For free.One editor. 50+ features. Zero constraints. After your trial, retain the advanced features.Try Professional Plan for FREEDocs.css-ru78vh{color:#233477;}.css-ru78vh span{margin:0 0 0.25rem;font-size:1rem;font-weight:700;line-height:1.5;-webkit-letter-spacing:0.09px;-moz-letter-spacing:0.09px;-ms-letter-spacing:0.09px;letter-spacing:0.09px;font-family:"Inter VF","Inter",sans-serif;color:inherit;}.css-ru78vh p{margin:0.25rem 0 0.5rem;max-width:15rem;font-size:0.875rem;line-height:1.43;-webkit-letter-spacing:normal;-moz-letter-spacing:normal;-ms-letter-spacing:normal;letter-spacing:normal;font-family:"Inter VF","Inter",sans-serif;color:inherit;}.css-ru78vh q + a,.css-ru78vh p + a{font-feature-settings:"liga" 1,"calt" 1,"dlig" 1;font-variant-ligatures:normal;font-size:0.75rem;font-weight:600;line-height:1.33;-webkit-letter-spacing:0.1px;-moz-letter-spacing:0.1px;-ms-letter-spacing:0.1px;letter-spacing:0.1px;font-size:0.875rem;margin:0.5rem 0 1.75rem;font-family:"Fira Code VF","Fira Code",monospace;color:#335dff !important;}.css-ru78vh q + a:after,.css-ru78vh p + a:after{content:"->";display:inline-block;margin:0 0 0 0.25rem;-webkit-transition:margin 0.25s ease-in-out;transition:margin 0.25s ease-in-out;pointer-events:none;}.css-ru78vh q + a:hover:after,.css-ru78vh p + a:hover:after{margin:0 0 0 0.75rem;}.css-ru78vh q + a+img,.css-ru78vh p + a+img{margin:1.75rem 0 0;}.css-ru78vh h4{margin:2rem 0 0.5rem;font-family:"Inter VF","Inter",sans-serif;font-size:0.75rem;font-weight:normal;line-height:1.33;text-transform:uppercase;color:#a0aac5;}.css-ru78vh a{-webkit-text-decoration:none;text-decoration:none;color:inherit;}.css-ru78vh q{margin:0 0 0.5rem;display:block;font-family:"Fira Code VF","Fira Code",monospace;font-size:1rem;font-weight:600;line-height:1.5;-webkit-letter-spacing:0.1px;-moz-letter-spacing:0.1px;-ms-letter-spacing:0.1px;letter-spacing:0.1px;color:#17224f;}.css-ru78vh ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;margin:0;padding:0;list-style-type:none;}@media only screen and (max-width:1023px){.css-ru78vh ul{margin-bottom:1.5rem;}}.css-ru78vh li{position:relative;margin:0 0 0.625rem;line-height:1.43;}.css-ru78vh li a{display:block;font-family:"Inter VF","Inter",sans-serif;font-size:0.875rem;font-weight:600;color:inherit;}.css-ru78vh li a:focus{color:#335dff;outline:none;}.css-ru78vh li::after{position:absolute;display:inline-block;width:2rem;top:0.125rem;left:calc(100% + 0.25rem);content:"->";font-family:"Fira Code VF","Fira Code",monospace;font-size:0.875rem;line-height:1.125;font-weight:600;opacity:0;-webkit-transition:-webkit-transform 0.25s ease-in-out;-webkit-transition:transform 0.25s ease-in-out;transition:transform 0.25s ease-in-out;pointer-events:none;font-feature-settings:"liga" 1,"calt" 1,"dlig" 1;font-variant-ligatures:normal;}.css-ru78vh li:hover::after{-webkit-transform:translateX(0.5rem);-ms-transform:translateX(0.5rem);transform:translateX(0.5rem);opacity:1;}.css-ru78vh .link-navigation{display:block;}.css-ru78vh .link-navigation span{display:inline-block;position:relative;}.css-ru78vh .link-navigation span img{width:2rem;height:2rem;position:absolute;left:-3rem;top:-0.25rem;object-fit:contain;pointer-events:none;}.css-ru78vh .link-navigation span{margin:0;}.css-ru78vh .link-navigation p{padding:0.2rem 0 0;margin:0 0 0.5rem;}.css-ru78vh .link-navigation + .link-navigation{margin:2rem 0 0;}.css-ru78vh .link-navigation:focus{outline:none;}.css-ru78vh .link-navigation:focus span{color:#335dff;}.css-ru78vh .link-navigation:hover span{-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-thickness:0.125rem;text-decoration-thickness:0.125rem;text-underline-offset:0.1875rem;}.css-ru78vh .ephmtib7{margin:1.75rem 0 0;background:#f9f9fb;}.css-ru78vh:nth-of-type(2) h4{margin:0 0 0.6rem;}.css-ru78vh:nth-of-type(3){width:20rem;}DocumentationIn-depth documentation to help you develop with and customize Tiny products.Getting StartedAPI ReferenceMigrating to TinyMCECloud DeploymentGet TinyMCE FreeSolutionsUse CasesOut-of-the-box editor with infinite use cases and complete design flexibility.Content Management SystemEmail and Messaging PlatformDocument Management SystemCustomer Relationship ManagementLearning Management SystemInternal &amp; SaaS ApplicationsWorkflow &amp; CollaborationRolesDeveloperProduct ManagerSenior ManagerSecurityHostingCustomizationFrameworks &amp; IntegrationsGuides &amp; WhitepapersSee how Tiny improves ROI, grows revenue and saves development costs.Buy vs Build: The Great Debate White PaperOpportunity Cost of Technical DebtThe State of Rich Text Editors 2023 ReportCase StudiesDiscover why industry leaders and scaling start-ups love, use and trust Tiny products.BlogDeveloper InsightsThe latest dev tools and developer insights for all web app and software developers.How-to Use TinyMCELearn how-to use TinyMCE rich text editor with set-up tips, FAQs and tutorials.Product-Led GrowthLearn about product roadmaps and market fit, through to acquisition and retention.World of WYSIWYGLearn about WYSIWYG editors and how they’ve influenced software development.WelcomeRead the world’s best blog on WYSIWYG HTML editors, rich text editing and insights on building SaaS application editors.Explore more topicsPricingContact Us.css-1plmgpm{position:relative;z-index:2000;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.css-1plmgpm button{cursor:pointer;}.css-1plmgpm a:first-of-type{margin:0 1rem 0 0;display:inline-block;line-height:1.5;border-bottom:2px solid transparent;font-size:0.875rem;font-weight:600;line-height:calc(1.71 - 2px);-webkit-letter-spacing:0.1px;-moz-letter-spacing:0.1px;-ms-letter-spacing:0.1px;letter-spacing:0.1px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}@media only screen and (max-width:767px){.css-1plmgpm a:first-of-type,.css-1plmgpm a:nth-of-type(2){display:none;visibility:hidden;}}Log In.css-ohlt5x{--bg:#e32525;--border:#e32525;--color:#ffffff;--shift:0;--timing:0.2s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap;background:none;border:none;box-sizing:border-box;visibility:visible;cursor:pointer;z-index:0;}.css-ohlt5x svg path{fill:currentcolor;}.css-ohlt5x::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid var(--border);border-radius:0.125rem;-webkit-transition:border-color var(--timing);transition:border-color var(--timing);}.css-ohlt5x:hover:not([disabled]){--bg:#e32525;--border:#e32525;--color:#ffffff;--shift:0.25rem,-0.25rem;}.css-ohlt5x:focus:not([disabled]){--bg:rgba(227,37,37,0.9);--border:rgba(227,37,37,0.9);--color:#ffffff;--outline:1;outline:none;}.css-ohlt5x:active:not([disabled]){--bg:rgba(227,37,37,0.9);--border:rgba(227,37,37,0.9);--color:#f9f9fb;--shift:0,0;--outline:1;}.css-ohlt5x[disabled]{opacity:0.5;cursor:not-allowed;}.css-1f34feu{position:relative;z-index:5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:2rem;padding:0 0.75rem;font-weight:600;font-size:0.875rem;font-family:"Fira Code VF","Fira Code",monospace;-webkit-letter-spacing:0.1px;-moz-letter-spacing:0.1px;-ms-letter-spacing:0.1px;letter-spacing:0.1px;color:var(--color);background-color:var(--bg);border:1px solid var(--border);border-radius:0.125rem;box-shadow:var(--shadow,none);-webkit-transform:translate(var(--shift));-ms-transform:translate(var(--shift));transform:translate(var(--shift));-webkit-transition:background-color var(--timing),border-color var(--timing),box-shadow var(--timing),-webkit-transform var(--timing);-webkit-transition:background-color var(--timing),border-color var(--timing),box-shadow var(--timing),transform var(--timing);transition:background-color var(--timing),border-color var(--timing),box-shadow var(--timing),transform var(--timing);will-change:transform;box-sizing:border-box;}.css-1f34feu::after{content:"";position:absolute;top:0.125rem;right:0.125rem;bottom:0.125rem;left:0.125rem;z-index:10;border:1px solid;border-radius:inherit;opacity:var(--outline,0);-webkit-transition:opacity 0.1s;transition:opacity 0.1s;pointer-events:none;}.css-1f34feu > *{visibility:visible;}Get Started.css-15u9bha{position:relative;border:0;margin:0 0 0 1.5rem;padding:0.25rem;width:2rem;height:2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0.125rem;}@media only screen and (min-width:1024px){.css-15u9bha{display:none;visibility:hidden;}}.css-137a5je{position:fixed;z-index:0;top:0;padding:4rem 0 0;width:100%;overflow:hidden;background:white;}.css-137a5je span,.css-137a5je p{font-family:"Inter VF","Inter",sans-serif;color:#233477;}.css-137a5je span{margin:0 0 0.25rem;font-size:1rem;font-weight:700;line-height:1.5;-webkit-letter-spacing:0.09px;-moz-letter-spacing:0.09px;-ms-letter-spacing:0.09px;letter-spacing:0.09px;margin-bottom:0;}.css-137a5je p{margin:0.25rem 0 1rem;font-weight:normal;font-size:0.875rem;line-height:1.43;-webkit-letter-spacing:normal;-moz-letter-spacing:normal;-ms-letter-spacing:normal;letter-spacing:normal;}.css-137a5je a{-webkit-text-decoration:none;text-decoration:none;}.css-137a5je .ephmtib12{box-shadow:inset 0px 1px 0 0 #dfe3ec;}.css-137a5je .ephmtib16{border-bottom:1px solid #dfe3ec;}.css-137a5je .ephmtib16 a{font-family:"Fira Code VF","Fira Code",monospace;color:#233477;}.css-137a5je .ephmtib14 a:first-of-type{display:inline-block;line-height:1.5;border-bottom:2px solid transparent;font-size:0.875rem;font-weight:600;line-height:calc(1.71 - 2px);-webkit-letter-spacing:0.1px;-moz-letter-spacing:0.1px;-ms-letter-spacing:0.1px;letter-spacing:0.1px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:"Fira Code VF","Fira Code",monospace;color:#17224f;}.css-137a5je .ephmtib15 a{font-family:"Fira Code VF","Fira Code",monospace;color:#335dff;}.css-137a5je .ephmtib15 img{width:100%;object-fit:contain;}@media only screen and (max-width:767px){.css-137a5je{z-index:-1;top:-100vh;right:0;margin:3.5rem 0 0;padding:0;height:calc(100vh - 3.5rem);-webkit-transition:top 0.25s ease-in-out;transition:top 0.25s ease-in-out;}.css-137a5je.open{top:0;right:0;}.css-137a5je .ephmtib12{padding:0 1.5rem;height:100%;overflow-y:scroll;}.css-137a5je .ephmtib14{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;}.css-137a5je .ephmtib14 span{font-family:'Fira Code VF','Fira Code',monospace;color:#fff;font-size:0.875rem;}.css-137a5je .ephmtib15 img{margin:0 0 1.5rem;}}@media only screen and (min-width:768px){.css-137a5je{max-width:24rem;right:-48rem;-webkit-transition:right 0.25s ease-in-out;transition:right 0.25s ease-in-out;bottom:0;}.css-137a5je.open{right:0;}}@media only screen and (min-width:1024px){.css-137a5je{display:none;visibility:hidden;}}.css-147703u{height:100%;padding:2rem 2rem 0 2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;overflow-y:auto;}.css-13ztttg a{display:block;font-size:0.875rem;font-weight:600;cursor:pointer;}.css-13ztttg.open .ephmtib13{max-height:100rem;}.css-13ztttg.open .ephmtib10::after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.css-13ztttg .ephmtib10,.css-13ztttg .ephmtib11{padding:1rem 0;}.css-13ztttg .ephmtib10[role="button"]::after{content:"›";display:inline-block;margin:0 0 0 0.5rem;-webkit-transition:-webkit-transform 0.2s ease-in-out;-webkit-transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;font-size:1rem;}Products.css-au27c3{overflow:hidden;max-height:0;-webkit-transition:max-height 0.3s ease-in-out;transition:max-height 0.3s ease-in-out;}.css-au27c3 ul li a{margin:0 0 0.5rem !important;font-family:"Inter VF","Inter",sans-serif !important;}.css-au27c3 a{font-weight:normal;}.css-au27c3 a:first-of-type{margin:0.5rem 0 0;}.css-au27c3 a:last-of-type{margin:0 0 1.5rem;}.css-au27c3.products a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-au27c3.products a img{margin:0 1rem 0 0;}TinyMCEThe world&#x27;s most trusted WYSIWYG HTML editor, for total control over your rich text editing.OverviewFeaturesPricingDocumentationDemosDownload TinyMCE for FreeMoxieManagerMedia file management simplified in a PHP or .NET environment.DriveFile and image management directly in the cloud.14-day Cloud trial Start today. For free.One editor. 50+ features. Zero constraints. After your trial, retain the advanced features.Try Professional Plan for FREEDocsDocumentationIn-depth documentation to help you develop with and customize Tiny products.Getting StartedAPI ReferenceMigrating to TinyMCECloud DeploymentGet TinyMCE FreeSolutionsUse CasesOut-of-the-box editor with infinite use cases and complete design flexibility.Content Management SystemEmail and Messaging PlatformDocument Management SystemCustomer Relationship ManagementLearning Management SystemInternal &amp; SaaS ApplicationsWorkflow &amp; CollaborationRolesDeveloperProduct ManagerSenior ManagerSecurityHostingCustomizationFrameworks &amp; IntegrationsGuides &amp; WhitepapersSee how Tiny improves ROI, grows revenue and saves development costs.Buy vs Build: The Great Debate White PaperOpportunity Cost of Technical DebtThe State of Rich Text Editors 2023 ReportCase StudiesDiscover why industry leaders and scaling start-ups love, use and trust Tiny products.BlogDeveloper InsightsThe latest dev tools and developer insights for all web app and software developers.How-to Use TinyMCELearn how-to use TinyMCE rich text editor with set-up tips, FAQs and tutorials.Product-Led GrowthLearn about product roadmaps and market fit, through to acquisition and retention.World of WYSIWYGLearn about WYSIWYG editors and how they’ve influenced software development.WelcomeRead the world’s best blog on WYSIWYG HTML editors, rich text editing and insights on building SaaS application editors.Explore more topicsPricingContact Us.css-tqnitn{display:none;visibility:hidden;padding:2rem 0 0;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;justify-items:flex-start;}.css-tqnitn a:first-of-type{margin:0 1rem 0 0;}Log In.css-18ceb0s{--bg:#335dff;--border:#335dff;--color:#ffffff;--shift:0;--timing:0.2s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap;background:none;border:none;box-sizing:border-box;visibility:visible;cursor:pointer;z-index:0;}.css-18ceb0s svg path{fill:currentcolor;}.css-18ceb0s::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid var(--border);border-radius:0.125rem;-webkit-transition:border-color var(--timing);transition:border-color var(--timing);}.css-18ceb0s:hover:not([disabled]){--bg:#335dff;--border:#335dff;--color:#ffffff;--shift:0.25rem,-0.25rem;}.css-18ceb0s:focus:not([disabled]){--bg:#335dff;--border:#335dff;--color:#ffffff;--outline:1;outline:none;}.css-18ceb0s:active:not([disabled]){--bg:#002fe6;--border:#002fe6;--color:#ffffff;--shift:0,0;--outline:1;}.css-18ceb0s[disabled]{opacity:0.5;cursor:not-allowed;}Get Started.css-anlwd3{position:fixed;z-index:998;width:0%;height:0%;opacity:0;background:#0c132c;-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;}.css-anlwd3.open{width:100%;height:100%;top:0;right:0;bottom:0;left:0;opacity:0.5;}.css-12p92si .ekqjwun2{display:none;}@media only screen and (min-width:768px){.css-12p92si .ekqjwun2{display:block;}.css-12p92si .ekqjwun3{display:none;}}.css-zb0bc7{position:-webkit-sticky;position:sticky;top:57px;left:0;right:0;padding:0.5rem 1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;background:#335dff;z-index:1199;}@media screen and (min-width:768px){.css-zb0bc7{top:64px;padding:0.75rem 0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:4rem;}}@media screen and (min-width:1024px){.css-zb0bc7{top:81px;}}.css-t3nbck{margin:0;font-size:0.75rem !important;}@media screen and (min-width:768px){.css-t3nbck{font-size:1rem !important;}}.css-120kkib{font-style:normal;font-stretch:normal;-webkit-letter-spacing:normal;-moz-letter-spacing:normal;-ms-letter-spacing:normal;letter-spacing:normal;font-family:"Inter VF","Inter",sans-serif;color:#ffffff;font-size:1rem;font-weight:720;line-height:1.5;-webkit-letter-spacing:0.09px;-moz-letter-spacing:0.09px;-ms-letter-spacing:0.09px;letter-spacing:0.09px;margin:0 0 0.5rem;margin:0;font-size:0.75rem !important;}@media only screen and (max-width:1023px){.css-120kkib{font-family:"Inter VF","Inter",sans-serif;color:#ffffff;font-size:1rem;font-weight:720;line-height:1.5;-webkit-letter-spacing:0.09px;-moz-letter-spacing:0.09px;-ms-letter-spacing:0.09px;letter-spacing:0.09px;margin:0 0 0.5rem;}}@media only screen and (max-width:767px){.css-120kkib{font-family:"Inter VF","Inter",sans-serif;color:#ffffff;font-size:1rem;font-weight:720;line-height:1.5;-webkit-letter-spacing:0.09px;-moz-letter-spacing:0.09px;-ms-letter-spacing:0.09px;letter-spacing:0.09px;margin:0 0 0.5rem;}}@media screen and (min-width:768px){.css-120kkib{font-size:1rem !important;}}START NOW: Free 14-day trial@media only screen and (min-width:768px){.css-1ugehye{display:none;}} of Premium plugins.css-rkb2oq{--bg:#ffffff;--border:#ffffff;--color:#335dff;--shift:0;--timing:0.2s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap;background:none;border:none;box-sizing:border-box;visibility:visible;cursor:pointer;z-index:0;}.css-rkb2oq svg path{fill:currentcolor;}.css-rkb2oq::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid var(--border);border-radius:0.125rem;-webkit-transition:border-color var(--timing);transition:border-color var(--timing);}.css-rkb2oq:hover:not([disabled]){--bg:#ffffff;--border:#335dff;--color:#335dff;--shift:0.25rem,-0.25rem;}.css-rkb2oq:focus:not([disabled]){--bg:#ffffff;--border:#ffffff;--color:#335dff;--outline:1;outline:none;}.css-rkb2oq:active:not([disabled]){--bg:#f9f9fb;--border:#f9f9fb;--color:#335dff;--shift:0,0;--outline:1;}.css-rkb2oq[disabled]{opacity:0.5;cursor:not-allowed;}.css-1gzl1l6{position:relative;z-index:5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:1.5rem;padding:0 0.5rem;font-weight:600;font-size:0.75rem;font-family:"Inter VF","Inter",sans-serif;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;text-transform:uppercase;color:var(--color);background-color:var(--bg);border:1px solid var(--border);border-radius:0.125rem;box-shadow:var(--shadow,none);-webkit-transform:translate(var(--shift));-ms-transform:translate(var(--shift));transform:translate(var(--shift));-webkit-transition:background-color var(--timing),border-color var(--timing),box-shadow var(--timing),-webkit-transform var(--timing);-webkit-transition:background-color var(--timing),border-color var(--timing),box-shadow var(--timing),transform var(--timing);transition:background-color var(--timing),border-color var(--timing),box-shadow var(--timing),transform var(--timing);will-change:transform;box-sizing:border-box;}.css-1gzl1l6::after{content:"";position:absolute;top:0.125rem;right:0.125rem;bottom:0.125rem;left:0.125rem;z-index:10;border:1px solid;border-radius:inherit;opacity:var(--outline,0);-webkit-transition:opacity 0.1s;transition:opacity 0.1s;pointer-events:none;}.css-1gzl1l6 > *{visibility:visible;}SIGN UP.css-1taqybf{padding:2rem 0;margin-bottom:2rem;}.css-1taqybf .e1bb1l260{margin-bottom:0.5rem;color:#070b1a;}.css-1taqybf .e1bb1l261{color:#070b1a;}.css-1taqybf .e1bb1l262{margin-bottom:0.5rem;font-weight:500;color:#667191;}@media only screen and (min-width:768px){.css-1taqybf{padding:4rem 0 2rem;margin-bottom:4rem;}.css-1taqybf .e1bb1l260{margin-bottom:1rem;}.css-1taqybf .e1bb1l261{margin-bottom:1.5rem;}.css-1taqybf .e1bb1l262{margin-bottom:1rem;}}@media only screen and (min-width:1024px){.css-1taqybf{padding:6rem 0 4rem;margin-bottom:6rem;}.css-1taqybf .e1bb1l260{margin-bottom:1rem;}.css-1taqybf .e1bb1l261{margin-bottom:2rem;}}.css-1b34sn6{background:#f9f9fb;padding:2rem 0;margin-bottom:2rem;}.css-1b34sn6 .e1bb1l260{margin-bottom:0.5rem;color:#070b1a;}.css-1b34sn6 .e1bb1l261{color:#070b1a;}.css-1b34sn6 .e1bb1l262{margin-bottom:0.5rem;font-weight:500;color:#667191;}@media only screen and (min-width:768px){.css-1b34sn6{padding:4rem 0 2rem;margin-bottom:4rem;}.css-1b34sn6 .e1bb1l260{margin-bottom:1rem;}.css-1b34sn6 .e1bb1l261{margin-bottom:1.5rem;}.css-1b34sn6 .e1bb1l262{margin-bottom:1rem;}}@media only screen and (min-width:1024px){.css-1b34sn6{padding:6rem 0 4rem;margin-bottom:6rem;}.css-1b34sn6 .e1bb1l260{margin-bottom:1rem;}.css-1b34sn6 .e1bb1l261{margin-bottom:2rem;}}.css-14xzany{--wrapper-padding:1.1875rem;box-sizing:border-box;position:relative;margin:0 auto;z-index:1;overflow:hidden;padding:0 var(--wrapper-padding);max-width:68rem;height:100%;}.css-14xzany ~ *{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;}@media only screen and (min-width:768px){.css-14xzany{--wrapper-padding:2rem;}}.css-w4urgn{display:grid;grid-template-columns:1fr;padding-bottom:2rem;}@media only screen and (min-width:768px){.css-w4urgn{grid-template-columns:3fr 2fr;}}.css-hoe9xz{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}.css-1dk0w8p{font-style:normal;font-stretch:normal;-webkit-letter-spacing:normal;-moz-letter-spacing:normal;-ms-letter-spacing:normal;letter-spacing:normal;font-family:"Inter VF","Inter",sans-serif;color:#0c132c;font-size:3rem;font-weight:720;line-height:1.17;-webkit-letter-spacing:0.2px;-moz-letter-spacing:0.2px;-ms-letter-spacing:0.2px;letter-spacing:0.2px;margin:0 0 1rem 0;}@media only screen and (max-width:1023px){.css-1dk0w8p{font-family:"Inter VF","Inter",sans-serif;color:#0c132c;font-size:2.5rem;font-weight:740;line-height:1.2;-webkit-letter-spacing:0.2px;-moz-letter-spacing:0.2px;-ms-letter-spacing:0.2px;letter-spacing:0.2px;margin:0 0 1rem 0;}}@media only screen and (max-width:767px){.css-1dk0w8p{font-family:"Inter VF","Inter",sans-serif;color:#0c132c;font-size:1.5rem;font-weight:720;line-height:1.33;-webkit-letter-spacing:0.15px;-moz-letter-spacing:0.15px;-ms-letter-spacing:0.15px;letter-spacing:0.15px;margin:0 0 1rem 0;}}Trusted WYSIWYG editor.css-1h7o2fj{font-style:normal;font-stretch:normal;-webkit-letter-spacing:normal;-moz-letter-spacing:normal;-ms-letter-spacing:normal;letter-spacing:normal;color:#a0aac5;font-size:1.5rem;line-height:1.5;font-weight:450;font-family:"Fira Code VF","Fira Code",monospace;margin:0 0 1rem 0;-webkit-letter-spacing:0.1px;-moz-letter-spacing:0.1px;-ms-letter-spacing:0.1px;letter-spacing:0.1px;font-feature-settings:"liga" 1,"calt" 1,"dlig" 1;font-variant-ligatures:normal;}@media only screen and (max-width:1023px){.css-1h7o2fj{color:#a0aac5;font-size:1.125rem;line-height:1.56;font-weight:600;font-family:"Fira Code VF","Fira Code",monospace;margin:0 0 1rem 0;-webkit-letter-spacing:0.1px;-moz-letter-spacing:0.1px;-ms-letter-spacing:0.1px;letter-spacing:0.1px;font-feature-settings:"liga" 1,"calt" 1,"dlig" 1;font-variant-ligatures:normal;}}@media only screen and (max-width:767px){.css-1h7o2fj{color:#a0aac5;font-size:1rem;line-height:1.5;font-weight:600;font-family:"Fira Code VF","Fira Code",monospace;margin:0 0 1rem 0;-webkit-letter-spacing:0.1px;-moz-letter-spacing:0.1px;-ms-letter-spacing:0.1px;letter-spacing:0.1px;font-feature-settings:"liga" 1,"calt" 1,"dlig" 1;font-variant-ligatures:normal;}}Familiar content tools ready to use out-of-the-box.css-2o2v2v{font-style:normal;font-stretch:normal;-webkit-letter-spacing:normal;-moz-letter-spacing:normal;-ms-letter-spacing:normal;letter-spacing:normal;font-family:"Inter VF","Inter",sans-serif;color:#0c132c;font-size:1.125rem;font-weight:normal;line-height:1.56;margin:0 0 1rem 0;}@media only screen and (max-width:1023px){.css-2o2v2v{font-family:"Inter VF","Inter",sans-serif;color:#0c132c;font-size:0.875rem;font-weight:normal;line-height:1.43;margin:0 0 1rem 0;}}@media only screen and (max-width:767px){.css-2o2v2v{font-family:"Inter VF","Inter",sans-serif;color:#0c132c;font-size:0.875rem;font-weight:normal;line-height:1.43;margin:0 0 1rem 0;}}Install TinyMCE to add a fully-featured, sleek and intuitive .css-1vtx53f{display:none;}@media only screen and (min-width:768px){.css-1vtx53f{display:block;}}rich text editor to your app – in just a few lines of code..css-1k0jplm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}@media only screen and (min-width:768px){.css-1k0jplm{display:unset;}}.css-kf3tyz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-0.25rem;}.css-6xhom2{-webkit-flex-basis:var(--buttons-width,auto);-ms-flex-preferred-size:var(--buttons-width,auto);flex-basis:var(--buttons-width,auto);margin:0.25rem;}.css-18cb8mr{--bg:#17224f;--border:#17224f;--color:#ffffff;--shift:0;--timing:0.2s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap;background:none;border:none;box-sizing:border-box;visibility:visible;cursor:pointer;z-index:0;-webkit-flex-basis:var(--buttons-width,auto);-ms-flex-preferred-size:var(--buttons-width,auto);flex-basis:var(--buttons-width,auto);margin:0.25rem;}.css-18cb8mr svg path{fill:currentcolor;}.css-18cb8mr::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid var(--border);border-radius:0.125rem;-webkit-transition:border-color var(--timing);transition:border-color var(--timing);}.css-18cb8mr:hover:not([disabled]){--bg:#17224f;--border:#17224f;--color:#ffffff;--shift:0.25rem,-0.25rem;}.css-18cb8mr:focus:not([disabled]){--bg:#17224f;--border:#17224f;--color:#ffffff;--outline:1;outline:none;}.css-18cb8mr:active:not([disabled]){--bg:#101837;--border:#101837;--color:#ffffff;--shift:0,0;--outline:1;}.css-18cb8mr[disabled]{opacity:0.5;cursor:not-allowed;}.css-ls5wxi{position:relative;z-index:5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:2.5rem;padding:0 1.125rem;font-weight:600;font-size:0.875rem;font-family:"Fira Code VF","Fira Code",monospace;-webkit-letter-spacing:0.1px;-moz-letter-spacing:0.1px;-ms-letter-spacing:0.1px;letter-spacing:0.1px;color:var(--color);background-color:var(--bg);border:1px solid var(--border);border-radius:0.125rem;box-shadow:var(--shadow,none);-webkit-transform:translate(var(--shift));-ms-transform:translate(var(--shift));transform:translate(var(--shift));-webkit-transition:background-color var(--timing),border-color var(--timing),box-shadow var(--timing),-webkit-transform var(--timing);-webkit-transition:background-color var(--timing),border-color var(--timing),box-shadow var(--timing),transform var(--timing);transition:background-color var(--timing),border-color var(--timing),box-shadow var(--timing),transform var(--timing);will-change:transform;box-sizing:border-box;}@media screen and (min-width:1024px){.css-ls5wxi{height:3rem;padding:0 1.375rem;font-size:1rem;}}.css-ls5wxi::after{content:"";position:absolute;top:0.125rem;right:0.125rem;bottom:0.125rem;left:0.125rem;z-index:10;border:1px solid;border-radius:inherit;opacity:var(--outline,0);-webkit-transition:opacity 0.1s;transition:opacity 0.1s;pointer-events:none;}.css-ls5wxi > *{visibility:visible;}Get started FREE.css-jirf3{width:1.25rem;height:1.25rem;margin:0 0 0 0.5rem;}.css-eh5vyk-arrow-right-outline{display:inline-block;line-height:1;vertical-align:middle;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);width:1.5rem;height:1.5rem;width:1.25rem;height:1.25rem;margin:0 0 0 0.5rem;}.css-uwwqev{width:100%;height:100%;}.css-khbk1r{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;max-width:24rem;min-height:24rem;margin-top:2rem;margin-right:auto;box-shadow:0px 8px 24px rgb(12 19 44 / 13%);margin-left:auto;padding:1.5rem;border:1px solid #DFE3EC44;border-radius:4px;background-color:rgba(223,227,236,1);-webkit-backdrop-filter:saturate(100%) blur(1rem);backdrop-filter:saturate(100%) blur(1rem);box-sizing:border-box;opacity:0;-webkit-animation:signup-form .3s forwards;animation:signup-form .3s forwards;}.css-khbk1r::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#0c132c;border-radius:inherit;opacity:0.87;}@-webkit-keyframes signup-form{from{opacity:0;}to{opacity:1;}}@keyframes signup-form{from{opacity:0;}to{opacity:1;}}.css-khbk1r form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;}@supports (-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px)){.css-khbk1r::before{display:none;}}@media (min-width:768px){.css-khbk1r{max-width:18rem;margin-top:0;}}@media (min-width:1024px){.css-khbk1r{max-width:24rem;margin-top:0;padding:2rem;margin-right:unset;}}.css-tutkj8{font-size:0.875rem;line-height:1.25rem;color:#233477;}Register below for an API key to get access to TinyMCE cloud — free forever.css-1i79igz div:last-child > div{margin-bottom:0;}.css-1i79igz label:not(#_){font-size:0.75rem;font-weight:600;color:#17224f;}.css-1i79igz input{padding-right:0.7rem;padding-left:0.7rem;}.css-1f3iy0b{display:block;padding:0;text-align:left;width:100%;position:relative;}.css-1f3iy0b .eoiu4uj2{font-weight:500;color:#17224f;}.css-1f3iy0b .eoiu4uj3 svg{fill:#233477;}.css-1f3iy0b .eoiu4uj5{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:1px;font-weight:500;background:#ffffff;color:#17224f;font-family:"Inter VF","Inter",sans-serif;-webkit-box-shadow:inset 0 0 0 1px #c6ccdc, inset 0 0 0 10rem #ffffff;-webkit-text-fill-color:#17224f;}.css-1f3iy0b .eoiu4uj5:disabled{color:#c6ccdc;background:#f9f9fb;-webkit-box-shadow:inset 0 0 0 1px #c6ccdc, inset 0 0 0 10rem #f9f9fb;-webkit-text-fill-color:#c6ccdc;}.css-1f3iy0b .eoiu4uj5:hover{background:#f9f9fb;box-shadow:inset 0 0 0 1px #c6ccdc;-webkit-box-shadow:inset 0 0 0 1px #c6ccdc, inset 0 0 0 10rem #f9f9fb;-webkit-text-fill-color:#17224f;}.css-1f3iy0b .eoiu4uj5:focus{background:#f9f9fb;box-shadow:inset 0 0 0 1px #99aeff, 0 0 0 3px rgba(51,93,255,0.15);-webkit-box-shadow:inset 0 0 0 1px #99aeff, 0 0 0 3px rgba(51,93,255,0.15), inset 0 0 0 10rem #f9f9fb;-webkit-text-fill-color:#17224f;}.css-1f3iy0b .eoiu4uj5:active{background:#ffffff;box-shadow:inset 0 0 0 1px rgba(153,174,255,0.7), 0 0 0 3px rgba(51,93,255,0.15);-webkit-box-shadow:inset 0 0 0 1px rgba(153,174,255,0.7), 0 0 0 3px rgba(51,93,255,0.15), inset 0 0 0 10rem #ffffff;-webkit-text-fill-color:#17224f;}.css-1f3iy0b .eoiu4uj5::-webkit-input-placeholder{color:rgba(12,19,44,0.67);-webkit-text-fill-color:rgba(12,19,44,0.67);opacity:1;}.css-1f3iy0b .eoiu4uj5::-moz-placeholder{color:rgba(12,19,44,0.67);-webkit-text-fill-color:rgba(12,19,44,0.67);opacity:1;}.css-1f3iy0b .eoiu4uj5:-ms-input-placeholder{color:rgba(12,19,44,0.67);-webkit-text-fill-color:rgba(12,19,44,0.67);opacity:1;}.css-1f3iy0b .eoiu4uj5::placeholder{color:rgba(12,19,44,0.67);-webkit-text-fill-color:rgba(12,19,44,0.67);opacity:1;}.css-1f3iy0b .eoiu4uj8{fill:#e32525;}.css-1f3iy0b .eoiu4uj10{color:#17224f;}.css-1f3iy0b .eoiu4uj11{color:#e32525;font-weight:900;font-size:0.875rem;}.css-gg4vpm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.css-jwvx2z{display:block;margin-bottom:0.15rem;font-size:1.125rem;line-height:1.6;}Email.css-79elbk{position:relative;}.css-12eyl3r{width:100%;padding:0.5rem 1rem;font-size:0.875rem;line-height:1.43;height:2.5rem;display:inline-block;box-sizing:border-box;border:none;outline:none;}.css-12eyl3r:disabled{pointer-events:none;cursor:default;}.css-12eyl3r::-moz-focus-inner{border:0;}.css-10rhwta{position:absolute;top:1px;right:1px;}Password.css-zv9x2m input[type="checkbox"]{position:relative;width:1.5rem;height:1.5rem;min-width:1.5rem;margin:0;background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20d%3D%22M18%203H6a3%203%200%2000-3%203v12a3%203%200%20003%203h12a3%203%200%20003-3V6a3%203%200%2000-3-3zm1%2014.6c0%20.773-.522%201.4-1.167%201.4H6.167C5.522%2019%205%2018.373%205%2017.6V6.4C5%205.627%205.522%205%206.167%205h11.666C18.478%205%2019%205.627%2019%206.4v11.2z%22%20fill%3D%22%23233477%22%20fill-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E");border:none;border-radius:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;}.css-zv9x2m input[type="checkbox"][disabled],.css-zv9x2m input[type="checkbox"][disabled]:hover{cursor:not-allowed;}.css-zv9x2m input[type="checkbox"]:checked{background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22%23233477%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M18%203H6a3%203%200%2000-3%203v12a3%203%200%20003%203h12a3%203%200%20003-3V6a3%203%200%2000-3-3zm1%2014.6c0%20.773-.522%201.4-1.167%201.4H6.167C5.522%2019%205%2018.373%205%2017.6V6.4C5%205.627%205.522%205%206.167%205h11.666C18.478%205%2019%205.627%2019%206.4v11.2z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M14.701%208.396l-3.78%205-1.63-2.11a1.001%201.001%200%2010-1.58%201.23l2.43%203.11a.997.997%200%2000.79.38c.31%200%20.601-.145.79-.39l4.57-6a1.006%201.006%200%2010-1.6-1.22h.01z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");}.css-zv9x2m input[type="checkbox"]:focus{box-shadow:inset 0 0 0 1px #99aeff, 0 0 0 3px rgba(51,93,255,0.15);}.css-zv9x2m div:last-child{display:none;}.css-zv9x2m label > span{font-size:0.75rem;line-height:1.5rem;color:#233477;}.css-zv9x2m label > span a{color:#233477;}.css-zv9x2m label > span a:hover{color:#233477;}.css-g6a3qh{position:relative;line-height:1.25rem;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.css-1hoprqu{margin-left:0.25rem;vertical-align:middle;}I’ve read and accept the Terms &amp; Conditions.css-1i2nejh{--bg:#335dff;--border:#335dff;--color:#ffffff;--shift:0;--timing:0.2s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:block;width:100%;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap;background:none;border:none;box-sizing:border-box;visibility:visible;cursor:pointer;z-index:0;}.css-1i2nejh svg path{fill:currentcolor;}.css-1i2nejh::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid var(--border);border-radius:0.125rem;-webkit-transition:border-color var(--timing);transition:border-color var(--timing);}.css-1i2nejh:hover:not([disabled]){--bg:#335dff;--border:#335dff;--color:#ffffff;--shift:0.25rem,-0.25rem;}.css-1i2nejh:focus:not([disabled]){--bg:#335dff;--border:#335dff;--color:#ffffff;--outline:1;outline:none;}.css-1i2nejh:active:not([disabled]){--bg:#002fe6;--border:#002fe6;--color:#ffffff;--shift:0,0;--outline:1;}.css-1i2nejh[disabled]{opacity:0.5;cursor:not-allowed;}.css-1wja2x3{position:relative;z-index:5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:2rem;padding:0 0.875rem;font-weight:600;font-size:0.875rem;font-family:"Fira Code VF","Fira Code",monospace;-webkit-letter-spacing:0.1px;-moz-letter-spacing:0.1px;-ms-letter-spacing:0.1px;letter-spacing:0.1px;color:var(--color);background-color:var(--bg);border:1px solid var(--border);border-radius:0.125rem;box-shadow:var(--shadow,none);-webkit-transform:translate(var(--shift));-ms-transform:translate(var(--shift));transform:translate(var(--shift));-webkit-transition:background-color var(--timing),border-color var(--timing),box-shadow var(--timing),-webkit-transform var(--timing);-webkit-transition:background-color var(--timing),border-color var(--timing),box-shadow var(--timing),transform var(--timing);transition:background-color var(--timing),border-color var(--timing),box-shadow var(--timing),transform var(--timing);will-change:transform;box-sizing:border-box;}@media screen and (min-width:1024px){.css-1wja2x3{height:2.5rem;padding:0 1.125rem;font-size:0.875rem;}}.css-1wja2x3::after{content:"";position:absolute;top:0.125rem;right:0.125rem;bottom:0.125rem;left:0.125rem;z-index:10;border:1px solid;border-radius:inherit;opacity:var(--outline,0);-webkit-transition:opacity 0.1s;transition:opacity 0.1s;pointer-events:none;}.css-1wja2x3 > *{visibility:visible;}Create Account.css-5g8m4s{font-size:0.75rem;color:#233477;}.css-5g8m4s a{color:#233477;}.css-5g8m4s a:hover{color:#233477;}Already have a Tiny account? Sign in here.css-2jvabe{text-align:center;padding:0;}@media only screen and (max-width:767px){.css-2jvabe{margin-bottom:2rem;}}@media only screen and (min-width:768px){.css-2jvabe{margin-bottom:4rem;}}@media screen and (min-width:1024px){.css-2jvabe{margin-bottom:6rem;}}@media only screen and (max-width:768px){.css-2jvabe .customer-wrapper{padding:0;}.css-2jvabe .customer-wrapper > div{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}}.css-2jvabe a{margin:2.5rem 0 0;}.css-9wz6jd{position:relative;text-align:center;padding:0;}@media only screen and (max-width:767px){.css-9wz6jd{margin-bottom:2rem;}}@media only screen and (min-width:768px){.css-9wz6jd{margin-bottom:4rem;}}@media screen and (min-width:1024px){.css-9wz6jd{margin-bottom:6rem;}}@media only screen and (max-width:768px){.css-9wz6jd .customer-wrapper{padding:0;}.css-9wz6jd .customer-wrapper > div{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}}.css-9wz6jd a{margin:2.5rem 0 0;}.css-1g5if8t{margin-bottom:2rem !important;text-align:center;}.css-1nz3r00{font-style:normal;font-stretch:normal;-webkit-letter-spacing:normal;-moz-letter-spacing:normal;-ms-letter-spacing:normal;letter-spacing:normal;font-family:"Inter VF","Inter",sans-serif;color:#17224f;font-size:2.5rem;font-weight:740;line-height:1.2;-webkit-letter-spacing:0.2px;-moz-letter-spacing:0.2px;-ms-letter-spacing:0.2px;letter-spacing:0.2px;margin:0 0 1rem 0;margin-bottom:2rem !important;text-align:center;}@media only screen and (max-width:1023px){.css-1nz3r00{font-family:"Inter VF","Inter",sans-serif;color:#17224f;font-size:2rem;font-weight:740;line-height:1.25;-webkit-letter-spacing:0.2px;-moz-letter-spacing:0.2px;-ms-letter-spacing:0.2px;letter-spacing:0.2px;margin:0 0 1rem 0;}}@media only screen and (max-width:767px){.css-1nz3r00{font-family:"Inter VF","Inter",sans-serif;color:#17224f;font-size:1.5rem;font-weight:720;line-height:1.33;-webkit-letter-spacing:0.15px;-moz-letter-spacing:0.15px;-ms-letter-spacing:0.15px;letter-spacing:0.15px;margin:0 0 1rem 0;}}100M+ products worldwide use TinyMCE as their WYSIWYG HTML editor.css-1dysy1d{text-align:center;}@media only screen and (max-width:768px){.css-1dysy1d{margin:0.5rem auto;}}@media only screen and (min-width:768px){.css-1dysy1d{max-width:32rem;margin:1rem auto;}}@media only screen and (min-width:1024px){.css-1dysy1d{max-width:38rem;margin:1.5rem auto;}}.css-1ypsesy{font-style:normal;font-stretch:normal;-webkit-letter-spacing:normal;-moz-letter-spacing:normal;-ms-letter-spacing:normal;letter-spacing:normal;font-family:"Inter VF","Inter",sans-serif;color:#070b1a;font-size:1.125rem;font-weight:normal;line-height:1.56;margin:0 0 1rem 0;text-align:center;}@media only screen and (max-width:1023px){.css-1ypsesy{font-family:"Inter VF","Inter",sans-serif;color:#070b1a;font-size:0.875rem;font-weight:normal;line-height:1.43;margin:0 0 1rem 0;}}@media only screen and (max-width:767px){.css-1ypsesy{font-family:"Inter VF","Inter",sans-serif;color:#070b1a;font-size:0.875rem;font-weight:normal;line-height:1.43;margin:0 0 1rem 0;}}@media only screen and (max-width:768px){.css-1ypsesy{margin:0.5rem auto;}}@media only screen and (min-width:768px){.css-1ypsesy{max-width:32rem;margin:1rem auto;}}@media only screen and (min-width:1024px){.css-1ypsesy{max-width:38rem;margin:1.5rem auto;}}From startups to Fortune 500’s, the world’s best product teams use TinyMCE as their WYSIWYG editor-of-choice..css-y8x08{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;}.css-y8x08 g,.css-y8x08 g > path,.css-y8x08 ellipse{fill:undefined;}.css-y8x08 .ew83yut0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;width:100%;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.css-y8x08 .ew83yut0 svg{display:block;padding:0 1rem;margin:0 auto;}@media screen and (min-width:768px){.css-y8x08 .ew83yut0{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.css-y8x08 .ew83yut0 svg{padding:0;}}.css-y8x08 #NASA g > path#nasa-svg-decorations{fill:#c6ccdc;}.css-y8x08 #NASA g > path#nasa-svg-logo{fill:#17224f;}.css-y8x08 #Blackboard,.css-y8x08 #BankOfAmerica,.css-y8x08 #ServiceNow{height:22px;}.css-y8x08 #Drift,.css-y8x08 #Confluence,.css-y8x08 #SendPulse,.css-y8x08 #Verint{height:24px;}.css-y8x08 #Atlassian{height:26px;}.css-y8x08 #Visa,.css-y8x08 #MIT,.css-y8x08 #WoltersKluwer,.css-y8x08 #Accenture,.css-y8x08 #RealPage,.css-y8x08 #Blackbaud{height:27px;}.css-y8x08 #HubSpot,.css-y8x08 #Microsoft,.css-y8x08 #Ncino,.css-y8x08 #TheHustle,.css-y8x08 #Iris,.css-y8x08 #Kunzmann,.css-y8x08 #SurveyMonkey,.css-y8x08 #PorscheInformatik,.css-y8x08 #Totango,.css-y8x08 #SalesLoft,.css-y8x08 #Desire2Learn,.css-y8x08 #LinkedIn,.css-y8x08 #Iris,.css-y8x08 #Wtw,.css-y8x08 #Accelo,.css-y8x08 #JohnsonAndJohnson,.css-y8x08 #Collibra,.css-y8x08 #ServiceNow{height:32px;}.css-y8x08 #Evernote{height:35px;}.css-y8x08 #HCL,.css-y8x08 #Epi{height:36px;}.css-y8x08 #Joomla{height:37px;}.css-y8x08 #BirminghamCityUniversity,.css-y8x08 #WisetechGlobal,.css-y8x08 #UBS,.css-y8x08 #Marketo,.css-y8x08 #Mode,.css-y8x08 #Canvas,.css-y8x08 #Samsung,.css-y8x08 #Bosch,.css-y8x08 #Citrix,.css-y8x08 #SAP,.css-y8x08 #Topol,.css-y8x08 #ThompsonReuters{height:40px;}.css-y8x08 #Shopify{height:41px;}.css-y8x08 #Wordpress{height:45px;}.css-y8x08 #Educa,.css-y8x08 #ProximityMadrid,.css-y8x08 #NASA,.css-y8x08 #BMW,.css-y8x08 #Aclate,.css-y8x08 #Ubisoft,.css-y8x08 #McGrawHillEducation,.css-y8x08 #GE{height:48px;}.css-y8x08 #Bee,.css-y8x08 #Concord,.css-y8x08 #Umbraco{height:50px;}.css-y8x08 #Umbraco{height:56px;}@media only screen and (max-width:767px){.css-y8x08{padding:0;}}@media only screen and (max-width:1023px){.css-y8x08{padding:0 1rem;}.css-y8x08 #Verint{height:15px;}.css-y8x08 #Drift{height:16px;}.css-y8x08 #Confluence{height:17px;}.css-y8x08 #Atlassian,.css-y8x08 #SendPulse,.css-y8x08 #ServiceNow{height:18px;}.css-y8x08 #HubSpot,.css-y8x08 #Microsoft,.css-y8x08 #Ncino,.css-y8x08 #Wtw,.css-y8x08 #Accelo,.css-y8x08 #TheHustle,.css-y8x08 #Iris,.css-y8x08 #Kunzmann{height:22px;}.css-y8x08 #Joomla,.css-y8x08 #HCL,.css-y8x08 #Epi,.css-y8x08 #Topol,.css-y8x08 #Blackbaud,.css-y8x08 #Desire2Learn{height:25px;}.css-y8x08 #Shopify,.css-y8x08 #SAP{height:27px;}.css-y8x08 #Marketo,.css-y8x08 #NASA{height:32px;}.css-y8x08 #Wordpress{height:34px;}.css-y8x08 #Concord,.css-y8x08 #McGrawHillEducation{height:38px;}.css-y8x08 #BirminghamCityUniversity,.css-y8x08 #WisetechGlobal,.css-y8x08 #Umbraco{height:40px;}.css-y8x08 #Bee,.css-y8x08 #Educa,.css-y8x08 #ProximityMadrid{height:48px;}}.css-ve1trd{display:initial;}@media only screen and (max-width:767px){.css-ve1trd{padding:0.25rem 0;}}@media only screen and (max-width:1023px){.css-ve1trd:nth-of-type(6){display:none;}}.css-3s2cu5{margin-bottom:6rem;}.css-14pm2ki{padding:1rem;}.css-14pm2ki .es8jwtm3{width:100%;margin:0;padding:0;}.css-14pm2ki .es8jwtm0{display:none;}@media (min-width:768px){.css-14pm2ki{max-width:58rem;margin:0 auto;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f9f9fb;border-radius:10px 10px 0 0;}.css-14pm2ki .es8jwtm0{padding:0.5rem 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:0.825rem;}.css-14pm2ki .es8jwtm1{height:1.5rem;border:none;background:transparent;}.css-14pm2ki .es8jwtm1 svg{fill:#a0aac5;}.css-14pm2ki .es8jwtm1.active svg,.css-14pm2ki .es8jwtm1:hover svg{fill:#335dff;}.css-14pm2ki .es8jwtm2{width:1px;height:1.625rem;background:#dfe3ec;}.css-14pm2ki .es8jwtm3{width:100%;margin-bottom:0;}}.css-ghrpxm-desktop-outline{display:inline-block;line-height:1;vertical-align:middle;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);width:1.5rem;height:1.5rem;}.css-y8d9xu-mobile-outline{display:inline-block;line-height:1;vertical-align:middle;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);width:1.5rem;height:1.5rem;}.css-168g89s{padding:0;box-shadow:0 1rem 1rem -0.625rem rgba(34,47,62,0.15),0 0 2.5rem 1px rgba(34,47,62,0.15);border-radius:10px;}@media (min-width:768px){.css-168g89s{padding:0;}}.css-12vgdv0{padding:2rem 0 1rem;text-align:center;background-color:#ffffff;padding:0;box-shadow:0 1rem 1rem -0.625rem rgba(34,47,62,0.15),0 0 2.5rem 1px rgba(34,47,62,0.15);border-radius:10px;}.css-12vgdv0 .tox.tox-tinymce{width:100%;min-height:300px;grid-column:1 / -1;grid-row:1 / -1;}.css-12vgdv0 .e10ne1lt5{display:block;color:#17224f;}.css-12vgdv0 .e10ne1lt6{display:block;color:#233477;margin:0.5rem 0 1.5rem;}.css-12vgdv0 .e1gffb5d0{color:#335dff;}.css-12vgdv0 .e1gffb5d0:hover{color:#002fe6;}.css-12vgdv0 .e1gffb5d0 ~ .tox.tox-tinymce{grid-column:2 / span 1;}@media only screen and (min-width:768px){.css-12vgdv0{padding:4rem 0 0;--gap:0.5rem;}.css-12vgdv0 .e10ne1lt6{margin:1rem 0 2.5rem;}}@media only screen and (min-width:1024px){.css-12vgdv0{padding:6rem 0 0;}.css-12vgdv0 .e10ne1lt6{margin:1.5rem 0 3.5rem;}}@media (min-width:768px){.css-12vgdv0{padding:0;}}.css-vem7w7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;min-height:700px;max-width:62rem;width:100%;height:100%;background-color:#eff1f5;margin:0 auto;border-radius:0.25rem;overflow:hidden;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;grid-column:1 / -1;grid-row:1 / -1;}.css-vem7w7 .e10ne1lt0{position:absolute;height:100%;max-width:62rem;width:50%;background-image:linear-gradient(to left,rgba(251,251,251,.05),rgba(251,251,251,.3),rgba(251,251,251,.6),rgba(251,251,251,.3),rgba(251,251,251,.05));-webkit-animation:loading 1.2s infinite;animation:loading 1.2s infinite;}.css-vem7w7 .e10ne1lt1{width:10rem;height:10rem;fill:#101837;}@-webkit-keyframes loading{0%{-webkit-transform:translateX(-150%);-ms-transform:translateX(-150%);transform:translateX(-150%);}100%{-webkit-transform:translateX(150%);-ms-transform:translateX(150%);transform:translateX(150%);}}@keyframes loading{0%{-webkit-transform:translateX(-150%);-ms-transform:translateX(-150%);transform:translateX(-150%);}100%{-webkit-transform:translateX(150%);-ms-transform:translateX(150%);transform:translateX(150%);}}Tiny Logo

KoMar- ::

TinyMCE ali pa FCKeditor. Ostalo so jajčka.

roli ::

Sicer sta oba točno to kar hočem vendar sta nafilana z neuporabnimi stvarmi, da je joj! Problem je to sklopit, da ne omenjam file uploada... Sicer poizkušam integrirati FCKdeit samo mi bo požrl živce. Ostale stvari mi je nekako uspelo integrirati ampak samo okno je prenizko. Visoko je namreč okoli 200px in nikakor ne najdem nastavitve, da bi ga razširil.



Tole je problem - vmes med gumbom pošlji in orodno vrstico manjka še pol polja za vnos teksta. Zanima me kako bi lahko to polje razširil, da bi se prikazalo tako kot se mora. Ker sedaj sem že resno začel izgubljat živce. Dokumentacija je pa taka kot, da bi jo potegnil iz smetišča:D. Vsaj jaz v njej ne najdem nič uporabnega.

Potem se bom zagotovo ubadal z tem, da bi onemogočil spreminjanje velikosti slik, lastno uploadanje... Jaz pri vstavljanju slike namreč hočem samo en popup, ki bo vprašal za pot. To je pač problem teh editorjev - preveč funkcij imajo.
http://www.r00li.com

Zgodovina sprememb…

  • spremenil: roli ()

bluefish ::

pri teh editorjih verjetno lahko izklopiš nepotrebne funkcije (gumbe), da vmesnik nazadnje ne zgleda prenatlačen.

Pa mimogrede, lahko bi odprl le eno temo, kjer bi razpravljali o tvoji strani. Sedaj si namreč načel že kar nekaj debat.

roli ::

Kar se tem tiče - bom nalednjič bolj pazil na to. Drugače pa so tematike zelo različne kljub temu, da gre za eno in isto stvar.

Gumbe se sicer, da izklopit ampak to sploh ni tak problem. Po pravici povedano hočem skoraj točno tako stvar kot jo uporablja star slo-tech. Ta na novem dizajnu je že prehud. Ti ostali ti pa težijo z fonti, pa barvami... Rabem nek gumb z napisom slika, ki bo odprl popup kjer vpišeš url slike in fertik (sama koda tga pa bi tej sliki dodala še nek css tag). Enako pri linku. Ne pa, da teži še z alternativami, v kakem oknu naj se odpre...

Sicer mi je gumbe pri FCKedit uspelo izklopit kar pa je prineslo, da je klik na gumb za vstavitev slike nekaj hotel narediti a se ni zgodilo nič.
http://www.r00li.com

Zgodovina sprememb…

  • spremenil: roli ()

Iskraman ::

Osebno ti predlagam, da namesto FCK-ja uporabiš tinyMCE. Koda ki jo izpljune tiny, se validira, maš cev kup primerov uporabe in z minimalno truda lahko zadevo popolnoma prilagodiš svojim potrebam.

roli ::

Tudi tega sem poizkusil! Ta se sicer celo prikaže v pravi velikosti!

Razmišljal sem, da bi implementiral BBcode samo s tem so potem spet sami problemi.

EDIT: Zdajle poizkušal integrirati TinyMCE v stran - še malo je manjkalo pa bi cel računalnik sfrčal čez okno. Dokumentacija - obup. Grem gledat primere, ki so priloženi. Le te skopiram tam kamor pašejo, popravim poti do datotek in kaj zagledam navaden texfiled (nikjer ikon ne ničesar).
http://www.r00li.com

Zgodovina sprememb…

  • spremenil: roli ()

Iskraman ::

Grem stavit da nisi vseh poti popravu :)

mte ::

rolihandrej: TinyMCE je čisto ok in meni ga je uspelo usposobiti in prilagoditi dokaj hitro, tako da mi ni jasno, kako ti to lahko dela take probleme. Malo se je pa seveda treba znajt, nikoli ne boš dobil vsega na pladnju.
lp

roli ::

Ah pa sem imel res eno pot narobe nastavljeno. Sedaj mi je uspelo uporabit samo želene gumbe, ga prav raztegnit... Čeprav je dokumentacija res obupno zgrajena!

Edino kar ne vem in tudi nisem nikjer našel je možost,da ko uporabnik vstavi sliko tej sliki avtomatsko doda nek css class. Pa seveda nimam pojma kako odstranit opcije za višino in širino slike - hočem namreč uporabiti CSS.
http://www.r00li.com

Zgodovina sprememb…

  • spremenil: roli ()

Ziga Dolhar ::

rolihandrej: je kar fino, da imaš velikost slike (tudi) v html atributih.
https://dolhar.si/

roli ::

Kaj?

Ker sam hočem odstranit iz tinymce vse nastavitve glede slik razen URLja in opisa. Tej sliki pa želim potem avtomatsko določit nastavitve iz CSSja - namreč hočem, da so slike v komentarjih vedno enake velikosti in imajo določeno obrobo ter postavitev. Zato me zanima kako bi to naredil.
http://www.r00li.com

Iskraman ::

Vse slike v komentarjih enake velikosti? To potem pomeni, da lahko uporabniki naložijo sliko samo s točno tako dimenzijo, kot si jo ti zmaisliš, drugače bodo vse slike čudno raztegnjene.

roli ::

Hudič - narobe sem povedal in tudi mislil. Torej želim naslednjo stvar. Uporabnik pač naloži katerokoli sliko, ki jo sistem zmanjša na želeno velikost, postavi in doda obrobo. Po kliku na sliko pa bi ga vrglo lepo na sliko prvotne velikosti (link). Ker nočem, da ena slika reaztegne celotno stran.
http://www.r00li.com

Gost ::

Ti boš celotni portal naredil preko foruma?

Daj vzami v roke par konkretnih knjig pa preberi in se nauči zadeve tako kot se šika. Potem pa programiraj. Ti garantiram, da bo tvoj trenutni portal potreben po še nekaj dodanih funkcijah totalne prenove (sklepam pač po tvojem znanju).

Uporabljaš vsaj kaj classe, patterne, kake frameworke, templating system in te zadeve?

Mavrik ::

Hudič - narobe sem povedal in tudi mislil. Torej želim naslednjo stvar. Uporabnik pač naloži katerokoli sliko, ki jo sistem zmanjša na želeno velikost, postavi in doda obrobo. Po kliku na sliko pa bi ga vrglo lepo na sliko prvotne velikosti (link). Ker nočem, da ena slika reaztegne celotno stran.


Ko se bo slika shranjevala na strežnik, boš moral pač še shraniti eno ločeno "thumbnail" sliko, ki bo pomanjšana in obrobljena. Potem pač prikažeš thumbnail sliko, čez njo pa daš link na povečano sliko.


Uporabljaš vsaj kaj classe, patterne, kake frameworke, templating system in te zadeve?


Zakaj točno bi moral uporabljati "classe", "patterne", "frameworke" (te še posebej) in "templating system"? A gledaš v kristalno kroglo in veš točno da on to sploh rabi?
The truth is rarely pure and never simple.

Gost ::

Seveda, on gradi slo-tech2.

roli ::

Niti pod razno! Verjemi mi, da je slo-tech čisto OK portal, ki mu nič ne manjka zato ne nameravam narediti slo-tech2 ampak neko stran - z podobno tematiko vendar veliko več poudarka na HW delu. Če gre to komu v nos pa ne vem.

Drugače pa od kje je ideja, da delam stran preko foruma? Forum je pač nek del strani ostalo je napisano posebej.

EDIT: Sicer pa tudi, če bi delal slo-tech2 nima veze - jaz se bom tako naučil PHPja in ostalih stvari in jih znal izkoristiti v praksi, če bo stran kdo uporabljal in bo zanj imela dovolj uporabnih informacij prav drugače me pa nič ne moti. Morda bi pa lahko kdo pomagal in dodal kak uporaben link kjer bi našel še vedč informacij o PHPju.
http://www.r00li.com

Zgodovina sprememb…

  • spremenil: roli ()

roli ::

Še nekaj - zakaj jetekst vnešen preko TinyMCE brez šumnikov? Oziroma nastane samo neka preprosta zmešnjava. Tekst vnešen preko drugih metod - ali pa direktno preko phpmyadmina deluje tako kot mora ta vstavljen preko tinyMCE pa je pokvarjen. Baza uporablja UTF8 encoding.
http://www.r00li.com

Gost ::

Kakšna zmešnjava pa je? Meče v html kode ali v kak drug encoding?

roli ::

Ven meče tole:


Črke v besedilu pa so:
š - ta se prikaže pravilno
č
ž

Baza kot sem že povedal uporablja UTF8 encoding. Seveda imam v datoteki, ki je potrebna za prikaz strani dodano še tole: mysql_query('SET character_set_results="utf8"');
Brez tega dobim tudi drugače nepregledne rezultate. S tem dobim vse podatke vnešene preko phpmyadmina ali navadnih formov take kot morajo biti.
http://www.r00li.com

Zgodovina sprememb…

  • spremenil: roli ()

krho ::

wrong.. po povezavi na bazo poženeš SET NAMES utf8;
si.Mail odprto-kodni odjemalec elektronske pošte. - http://www.simail.si
Uredite si svojo zbirko filmov, serij in iger - http://xcollect.sf.net

roli ::

Če sem prav prebral naj bi bilo enako, če imam to kar je sedaj ali pa SET NAMES.

EDIT: Aha! Sedaj deluje!
http://www.r00li.com

Zgodovina sprememb…

  • spremenil: roli ()


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

Slovenska podpora za WYSIWYG (utf-8)

Oddelek: Izdelava spletišč
9995 (859) t3hn0
»

AIDA/Web, spletni aplikacijski strežnik, plod domačega znanja

Oddelek: Izdelava spletišč
81760 (1449) mivsek
»

WYSIWYG text editor in Apache

Oddelek: Izdelava spletišč
121056 (869) Vice
»

Mabots za Mambo CMS

Oddelek: Izdelava spletišč
91293 (1175) Vice
»

SloPot 1.1

Oddelek: Novice / Ostala programska oprema
193572 (2770) CWIZO

Več podobnih tem