🎨 https://github.com/siyuan-note/siyuan/issues/16051

app/src/assets/scss/component/_typography.scss

@@ -142,6 +142,32 @@
     flex-direction: column;
   }
 
+  .callout {
+    padding: 8px;
+
+    &-info {
+      display: flex;
+      align-items: center;
+    }
+
+    &-icon {
+      width: 1.2em;
+      display: flex;
+      text-align: center;
+      height: 1.2em;
+      line-height: 1.2em;
+    }
+
+    &-img {
+      height: 1.2em;
+      width: 1.2em;
+    }
+
+    &-title {
+      margin-left: 8px;
+    }
+  }
+
   h1,
   h2,
   h3,

app/src/assets/scss/protyle/_wysiwyg.scss

@@ -781,6 +781,17 @@
   .protyle-wysiwyg__embed .iframe:hover .protyle-action__drag {
     display: none;
   }
+
+  .callout-icon {
+    cursor: pointer;
+    padding: 4px;
+    border-radius: var(--b3-border-radius);
+    transition: var(--b3-background-transition);
+
+    &:hover {
+      background-color: var(--b3-list-hover);
+    }
+  }
 }
 
 .protyle-wysiwyg:not([contenteditable]),

app/src/assets/scss/util/_reset.scss

@@ -176,7 +176,7 @@ img {
   -ms-interpolation-mode: bicubic;
   overflow: hidden;
 
-  &:not(.emoji) {
+  &:not(.emoji):not(.callout-img) {
     font-size: 12px;
   }
 }