请问集市插件 web 工具集成怎么才能让自定义网页在思源中打开

下面这两个插件可以实现

感谢回答，我两个插件都安装了，还是不行，奇怪的就是有些网站可以，比如微信读书没问题，还有 web 集成里面的几个默认网页 flomo，滴嗒清单，cubox 都没问题，但是像知乎，得到，还有一些其他的我经常上的网站，在 web 集成插件里面打开就自动跳转到谷歌浏览器

刚刚试了下，youtube 也是可以在思源里面打开的，所以很好奇是什么原因造成有些网页可以在思源打开，有的网页则会跳到默认浏览器打开

不清楚原因，我这边可以，但打开速度较慢。

你也可以试试 browserTab / 网页视图 + 侧边栏工具，如图

知乎网页是可以在思源里面打开的，但是里面的帖子只要一点击，就自动跳到谷歌浏览器，感觉这个说不定是一些网站自己的底层设定导致

您对 css 代码很有研究，我发现集市的 callout 插件可以给引用块加上小铃铛，正确的勾号等等样式，不知道我们自己能不能写个 css 代码实现，我是因为用微信读书，把笔记直接批量导入后，就是一堆引述块，如果一个个修改样式太麻烦，能否写个 css，样式参考 callout 插件的样式？谢谢哈

不清楚你的具体需求，这里可能涉及多种类型的样式，需要在块中添加对应的标识，需要 js 实现。这里仅以铃铛为例演示说明，如果还需其他样式或多种样式，请自行研究。(注意，这个只是思路示例，不代表最终产品，有问题请自行研究调整)

css 代码如下

:root {
    --callout-default-icon-top: .35em;
    --callout-default-icon-left: .1em;
    --callout-default-icon-font-size: 1.4em;
    --callout-default-fc-font-size: 1.3em;
    --callout-default-fc-padding: 1.7em;
    --callout-default-fc-font-weight: 700;
    --callout-big-icon-top: .35em;
    --callout-big-icon-left: .1em;
    --callout-big-icon-font-size: 1.4em;
    --callout-big-fc-font-size: 1.3em;
    --callout-big-fc-padding: 1.7em;
    --callout-big-fc-font-weight: 700;
    --callout-small-icon-top: .45em;
    --callout-small-icon-left: .2em;
    --callout-small-icon-font-size: 1em;
    --callout-small-fc-font-size: 1em;
    --callout-small-fc-padding: 2.2em;
    --callout-small-fc-font-weight: inherit;
    --callout-fold-height: 34px;
    --callout-fold-icon-top: 10px;
    --callout-fold-font-size: 20px;
    --callout-fold-icon: "⤴";
    --callout-default-icon-top: var(--callout-big-icon-top);
    --callout-default-icon-left: var(--callout-big-icon-left);
    --callout-default-icon-font-size: var(--callout-big-icon-font-size);
    --callout-default-fc-font-size: var(--callout-big-fc-font-size);
    --callout-default-fc-padding: var(--callout-big-fc-padding);
    --callout-default-fc-font-weight: var(--callout-big-fc-font-weight);
}
.protyle-wysiwyg div[data-node-id].bq::after {
    content: "🔔" !important;
}
.protyle-wysiwyg .bq:not([custom-callout-mode]):after, .protyle-wysiwyg .bq[custom-callout]:not([custom-callout-mode]):after {
    top: var(--callout-default-icon-top);
    left: var(--callout-default-icon-left);
    font-size: var(--callout-default-icon-font-size);
}
.protyle-wysiwyg .bq::after, .protyle-wysiwyg .bq[custom-callout]::after {
    font-family: 'Twitter Emoji', 'Noto Color Emoji', 'OpenMoji', sans-serif !important;
}
.protyle-wysiwyg .bq:after, .protyle-wysiwyg .bq[custom-callout]:after {
    content: "";
    position: absolute;
    border: none;
    transform: none;
    margin-left: 10px;
}
.bq:not([custom-callout-mode])>.p:first-child{
    font-weight: var(--callout-default-fc-font-weight) !important;
    font-size: var(--callout-default-fc-font-size) !important;
    padding: 0 0 0 var(--callout-default-fc-padding) !important;
}
.protyle-wysiwyg .bq .p, .protyle-wysiwyg .bq[custom-callout] .p {
    padding-left: 2.2em !important;
}

.protyle-wysiwyg [data-node-id].bq {
    background-color: rgba(246, 225, 205, .5) !important;
    box-shadow: 0 0 0 2px rgba(246, 225, 205, 1) inset;
}
.protyle-wysiwyg div[data-node-id].bq, .protyle-wysiwyg div[data-node-id][custom-callout].bq {
    border: none !important;
    border-radius: 5px;
    background-image: none;
    line-height: normal !important;
}
.protyle-wysiwyg .bq, .protyle-wysiwyg .bq[custom-callout] {
    padding: 4px;
    padding-left: 8px !important;
    color: var(--b3-theme-on-background);
}

效果

非常感谢！