感谢大佬！

感谢修正，手误 😄

感谢 D 大 支持！

各位大佬们，分享起来吧！🎉

https://ld246.com/tag/code-snippet

我就先发第一帖 😄 [js] shift+F5 刷新页面

感谢 D 大 的支持 🙏

建议思源后续版本添加个链接到代码片段设置那里，不然的话，也只有少数几个人知道，形成不了气候。

最好能配合论坛，实现伪一键分享，比如用户点分享按钮，打开论坛发布页面并自动填入代码片段标题和填入标签。

顺便问一下老大，siyuan:// 协议是否支持用户自定义功能，如果支持的话，就可以实现，论坛添加按钮，一键读取代码块内容，并添加到代码片段啦。

这里如果能区分 css 和 js 就更好了。

建议发布者规范以 [css] xxxxx 和 [js] xxxxx 作为标题的开头。

小白没法排查自己用的代码片段的问题

我认为这个说法没有说服力，排查代码片段的方法和排查插件的方法没什么区别，只需一个个关停测试即可。

如果说小白没办法排查代码片段的话，那小白同样也没有办法排查插件，这样的话岂不是说插件也不应该有。

什么意思？什么是用户难以维护？

怎么说？都差不多吧

哦哦，原来这样。

但我觉得这种担忧是多余的 @88250

首先，只需要要求代码片段必须源码且不允许压缩和混淆就可以了。如果有源码，大家都能看到，潜在风险很难隐藏。

再次，如果说代码片段有风险的话，那插件难道就没有？为何同样的问题，会区分对待？

@media screen and (min-width: 1292px) {
    [data-dark-theme="sy-dark-purple"] {
        .protyle-hint.hint--menu>div{
            columns: 12em;
            column-rule: 1px outset var(--b3-border-color);
        }
    }
}
​

添加了这个 css，完全兼容紫夜主题，感谢大佬的分享 🙏

感谢大佬分享 👍 ，下面这样也可以，要安装 open-api 插件，不过简单调用还是你这个方便些。

const dialog = new openAPI.siyuan.Dialog({
    title: '这里是标题',
    content: `
    <div class="b3-dialog__content">
        <div class="ft__breakword">
            <input type="text" id="ArticleTitle" class="b3-text-field fn__block" style="height: 100%;margin-bottom: 20px;" placeholder='输入标题'>
            <textarea id="ArticleContent" class="b3-text-field fn__block" style="height: 100%;" placeholder='输入内容'></textarea>
        </div>
        <div class="b3-dialog__action" style="padding-right: 0;padding-top: 12px;">
            <button class="b3-button b3-button--cancel" id="CancelBtn">取消</button><div class="fn__space"></div>
            <button class="b3-button b3-button--text" id="ConfirmBtn">确定</button>
        </div>
    </div>
    `,
    width: "500px",
    height: "220px"
});
dialog.element.querySelector("#ArticleTitle").focus();
dialog.element.querySelector("#CancelBtn").addEventListener("click", () => {
    console.log('cancel');
    dialog.destroy();
});
dialog.element.querySelector("#ConfirmBtn").addEventListener("click", () => {
    console.log('confirm');
    console.log(dialog.element.querySelector("#ArticleTitle").value);
    console.log(dialog.element.querySelector("#ArticleContent").value);
    dialog.destroy();
});
​