Builder
<div class="ce-block" data-id="yPvlb7z_I4" ><div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">关于产品</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="4USN9hmOWq" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> <span style="color: rgb(33, 33, 33); font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15px; letter-spacing: normal;">Builder.io 是一个强大的视觉开发平台，通过AI技术将设计快速转化为代码，提供可视化编辑和企业级CMS功能。其主要优点包括高效的设计 到代码转换、灵活的可视化编辑能力以及强大的内容管理功能。该平台适用于需要快速开发和迭代数字产品的团队，无论是营销网站、落地页 还是多品牌管理，都能提供强大的支持。其定价灵活，有免费试用选项，适合不同规模的企业使用。</span></div>
</div>
</div><div class="ce-block" data-id="js3WhNnrBb" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">适合谁？</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="YTMElYQKq5" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> <span style="color: rgb(33, 33, 33); font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15px; letter-spacing: normal;">适合需要快速开发和迭代数字产品的团队，包括营销人员、设计师、开发人员和企业级用户。</span></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="47HAlh2iIv" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> <span style="color: rgb(33, 33, 33); font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15px; letter-spacing: normal;">对于需要快速构建营销网站、落地页、移动应用或管理多品牌内容的企业尤其适用。</span></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="5lMrrN0uie" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> <span style="color: rgb(33, 33, 33); font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15px; letter-spacing: normal;">其强大的功能和灵活性能够满足不同规模团队的需求，帮助他们提高效率并优化用户体验。</span></div>
</div>
</div><div class="ce-block" data-id="CQDjfNT_WX" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">产品特色</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="X7rT-SZcyr" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 设计转代码：将设计快速转化为可运行的代码，加速开发流程。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="_BLCUa1f1s" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 可视化编辑：通过拖拽式编辑器实现无代码页面构建。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="RFCwmU4SPd" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 企业级CMS：支持多品牌管理和复杂内容架构。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="l9rh53eH6g" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> A/B测试与个性化：提供数据驱动的内容优化和个性化体验。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="3aQG4lKDsG" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 多框架支持：兼容React、Next.js、Vue等多种前端框架。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="etl2NN0aPm" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 开源工具：提供如Mitosis、AI Shell等开源工具，增强开发灵活性。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="M996hhkEDN" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 性能洞察：帮助开发者优化应用性能。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="W6787pc2vE" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 与Vercel、Netlify、Shopify等平台的无缝集成。 </div>
</div>
</div><style type="text/css">
.ce-block {
margin-top: 20px;
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
/**
* Plugin styles
*/
.ce-header {
position: relative;
padding: 1px 0px 1px 15px;
margin: 0;
line-height: 1.25em;
outline: none;
margin-bottom: 10px;
}
.ce-header p,
.ce-header div {
padding: 0 !important;
margin: 0 !important;
}
.ce-header::before {
content: "";
background-color: #3e8fe3;
width: 6px;
height: 100%;
position: absolute;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/**
* Styles for Plugin icon in Toolbar
*/
.ce-header__icon {
}
.ce-header::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
cursor: text;
}
.ce-header:empty::before {
display: block;
}
.ce-header:empty:focus::before {
display: none;
}
/* FontSize */
h1.ce-header {
font-size: 2.0em;
}
h2.ce-header {
font-size: 1.7em;
}
h3.ce-header {
font-size: 1.4em;
}
h4.ce-header {
font-size: 1.15em;
}
h5.ce-header {
font-size: 0.95em;
}
h6.ce-header {
font-size: 0.8em;
}
/* Alignment*/
.ce-header--right {
text-align: right;
}
.ce-header--center {
text-align: center;
}
.ce-header--left {
text-align: left;
}
.ce-header--justify {
text-align: justify;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.ce-paragraph {
line-height: 1.6em;
outline: none;
text-indent: 2em;
font-size: 16px;
}
.ce-paragraph--right {
text-align: right;
}
.ce-paragraph--center {
text-align: center;
}
.ce-paragraph--left {
text-align: left;
}
.ce-paragraph--justify {
text-align: justify;
}
.ce-paragraph-text-indent {
text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}
.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}
.ce-paragraph p:first-of-type{
margin-top: 0;
}
.ce-paragraph p:last-of-type{
margin-bottom: 0;
}
.svg-icon {
width: 1em;
height: 1em;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #4691f6;
}
.svg-icon circle {
stroke: #4691f6;
stroke-width: 1;
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style>
页:
[1]