随便放个图，亮点自寻，在前进的路上继续前行 New

Discuz!小编 · 发表于 4 天前

亮点自寻

凡若尘 · 发表于 4 天前

记录中增加  上传图片😁

来看我的，哈哈！






.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[data-placeholder]: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[data-placeholder]:empty::before {  opacity: 1;}.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph[data-placeholder]:empty::before,.codex-editor--empty .ce-block:first-child .ce-paragraph[data-placeholder]: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;}.ce-block { margin-bottom: 20px;}.ce-block__content,.ce-toolbar__content { /* max-width:calc(100% - 50px) */ margin-left: auto; margin-right: auto;}.image-tool {  --bg-color: #cdd1e0;  --front-color: #388ae5;  --border-color: #e8e8eb;}  .image-tool__image { border-radius: 3px; overflow: hidden; margin-bottom: 10px;  }  .image-tool__image-picture {    max-width: 100%;    vertical-align: bottom;    display: block;    margin-left: auto;    margin-right: auto; }  .image-tool__image-preloader {    width: 50px;    height: 50px;    border-radius: 50%;    background-size: cover;    margin: auto;    position: relative;    background-color: #cdd1e0;    background-position: center center; }  .image-tool__image-preloader::after {       content: "";       position: absolute;       z-index: 3;       width: 60px;       height: 60px;       border-radius: 50%;       border: 2px solid #cdd1e0;       border-top-color: #388ae5;       left: 50%;       top: 50%;       margin-top: -30px;       margin-left: -30px;       animation: image-preloader-spin 2s infinite linear;       box-sizing: border-box;    }  .image-tool__caption[contentEditable="true"][data-placeholder]::before {    position: absolute !important;    content: attr(data-placeholder);    color: #707684;    font-weight: normal;    display: none; }  .image-tool__caption[contentEditable="true"][data-placeholder]:empty::before {       display: block;    }  .image-tool__caption[contentEditable="true"][data-placeholder]:empty:focus::before {       display: none;    }  .image-tool--empty .image-tool__image {    display: none; }  .image-tool--empty .image-tool__caption, .image-tool--loading .image-tool__caption {    display: none; }  .image-tool .cdx-button { display: flex; align-items: center; justify-content: center;  }  .image-tool .cdx-button svg {    height: auto;    margin: 0 6px 0 0; }  .image-tool--filled .cdx-button {    display: none; }  .image-tool--filled .image-tool__image-preloader {       display: none;    }  .image-tool--loading .image-tool__image {    min-height: 200px;    display: flex;    border: 1px solid #e8e8eb;    background-color: #fff; }  .image-tool--loading .image-tool__image-picture {       display: none;    }  .image-tool--loading .cdx-button {    display: none; }  /** * Tunes * ---------------- */  .image-tool--withBorder .image-tool__image {    border: 1px solid #e8e8eb; }  .image-tool--withBackground .image-tool__image {    padding: 15px;    background: #cdd1e0; }  .image-tool--withBackground .image-tool__image-picture {       max-width: 60%;       margin: 0 auto;    }  .image-tool--stretched .image-tool__image-picture {       width: 100%;    }  .image-tool__caption { text-align: center; font-size: 14px; color: #a3a3a3; }@keyframes image-preloader-spin {  0% { transform: rotate(0deg);  }  100% { transform: rotate(360deg);  }}.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;}

海军大都督 · 发表于 4 天前

坐等早点到来吧

Sylvia · 发表于 4 天前

早就期待了，楼主大佬快点啊:lol

杰克 · 发表于 4 天前

myboss 发表于 2025-12-9 23:18
记录中增加上传图片😁;来看我的，哈哈！;

最终目标是兼并掉广播和分享，变成轻量内容发布的信息流（朋友圈？轻量级微博？随便啦）

.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[data-placeholder]: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[data-placeholder]:empty::before { opacity: 1;}.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph[data-placeholder]:empty::before,.codex-editor--empty .ce-block:first-child .ce-paragraph[data-placeholder]: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;}.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;}

瑾瑜 · 发表于 4 天前

不错不错，越来越好用了。

Sylvia · 发表于 4 天前

babyfacer 发表于 2025-12-10 00:44
坐等早点到来吧

截图里的初版已经提交到内部版本，等前端相关的同学优化界面。后续还有不少开发项

.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[data-placeholder]: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[data-placeholder]:empty::before { opacity: 1;}.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph[data-placeholder]:empty::before,.codex-editor--empty .ce-block:first-child .ce-paragraph[data-placeholder]: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;}.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;}

海军大都督 · 发表于 4 天前

这个还真是期待已久啦，这些年一直期盼这个合并项目。加油啊。。。

KarlMock59 · 发表于 4 天前

这是x5最期待的功能了，手机版随手就能发文字，图片，视频。手机端一定要优化好

凡若尘 · 发表于 4 天前

babyfacer 发表于 2025-12-10 10:09
这是x5最期待的功能了，手机版随手就能发文字，图片，视频。手机端一定要优化好 ...

🙂

.ce-block { margin-bottom: 20px;}.ce-block__content,.ce-toolbar__content { /* max-width:calc(100% - 50px) */ margin-left: auto; margin-right: auto;}.image-tool {  --bg-color: #cdd1e0;  --front-color: #388ae5;  --border-color: #e8e8eb;}  .image-tool__image { border-radius: 3px; overflow: hidden; margin-bottom: 10px;  }  .image-tool__image-picture {    max-width: 100%;    vertical-align: bottom;    display: block;    margin-left: auto;    margin-right: auto; }  .image-tool__image-preloader {    width: 50px;    height: 50px;    border-radius: 50%;    background-size: cover;    margin: auto;    position: relative;    background-color: #cdd1e0;    background-position: center center; }  .image-tool__image-preloader::after {       content: "";       position: absolute;       z-index: 3;       width: 60px;       height: 60px;       border-radius: 50%;       border: 2px solid #cdd1e0;       border-top-color: #388ae5;       left: 50%;       top: 50%;       margin-top: -30px;       margin-left: -30px;       animation: image-preloader-spin 2s infinite linear;       box-sizing: border-box;    }  .image-tool__caption[contentEditable="true"][data-placeholder]::before {    position: absolute !important;    content: attr(data-placeholder);    color: #707684;    font-weight: normal;    display: none; }  .image-tool__caption[contentEditable="true"][data-placeholder]:empty::before {       display: block;    }  .image-tool__caption[contentEditable="true"][data-placeholder]:empty:focus::before {       display: none;    }  .image-tool--empty .image-tool__image {    display: none; }  .image-tool--empty .image-tool__caption, .image-tool--loading .image-tool__caption {    display: none; }  .image-tool .cdx-button { display: flex; align-items: center; justify-content: center;  }  .image-tool .cdx-button svg {    height: auto;    margin: 0 6px 0 0; }  .image-tool--filled .cdx-button {    display: none; }  .image-tool--filled .image-tool__image-preloader {       display: none;    }  .image-tool--loading .image-tool__image {    min-height: 200px;    display: flex;    border: 1px solid #e8e8eb;    background-color: #fff; }  .image-tool--loading .image-tool__image-picture {       display: none;    }  .image-tool--loading .cdx-button {    display: none; }  /** * Tunes * ---------------- */  .image-tool--withBorder .image-tool__image {    border: 1px solid #e8e8eb; }  .image-tool--withBackground .image-tool__image {    padding: 15px;    background: #cdd1e0; }  .image-tool--withBackground .image-tool__image-picture {       max-width: 60%;       margin: 0 auto;    }  .image-tool--stretched .image-tool__image-picture {       width: 100%;    }  .image-tool__caption { text-align: center; font-size: 14px; color: #a3a3a3; }@keyframes image-preloader-spin {  0% { transform: rotate(0deg);  }  100% { transform: rotate(360deg);  }}.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[data-placeholder]: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[data-placeholder]:empty::before {  opacity: 1;}.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph[data-placeholder]:empty::before,.codex-editor--empty .ce-block:first-child .ce-paragraph[data-placeholder]: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;}.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;}

随便放个图，亮点自寻，在前进的路上继续前行 New

本帖子中包含更多资源

相关帖子

本帖子中包含更多资源

本帖子中包含更多资源

关于我们

服务支持

admin@phpdismall.com