Forme na 1000 načinov

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.

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'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 & SaaS ApplicationsWorkflow & CollaborationRolesDeveloperProduct ManagerSenior ManagerSecurityHostingCustomizationFrameworks & IntegrationsGuides & 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'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 & SaaS ApplicationsWorkflow & CollaborationRolesDeveloperProduct ManagerSenior ManagerSecurityHostingCustomizationFrameworks & IntegrationsGuides & 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 & 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

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. 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.

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č.

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).

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

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

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.

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?

Seveda, on gradi slo-tech2.

Š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.

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.

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

EDIT: Aha! Sedaj deluje!