⬆️ https://github.com/b3log/solo/issues/12711

skins/Dot-B/article.ftl

@@ -64,7 +64,7 @@
                             </div>
                         </div>
                         <div class="clear"></div>
-                        <div class="post_content content-reset">
+                        <div class="post_content vditor-reset">
                             ${article.articleContent}
                             <#if "" != article.articleSign.signHTML?trim>
                             <div class="sign-htmml">

skins/Dot-B/css/base.scss

@@ -26,8 +26,9 @@ License: GNU General Public License, v3 (or newer)
 License URI: http://www.opensource.org/licenses/gpl-3.0.html
 Tags: two-columns, gray, white, fixed-width, custom-header, custom-background, custom-menu, threaded-comments, custom-colors, theme-options, threaded-comments, translation-ready, right-sidebar, light
 */
-@import "../../../scss/reset-content";
 /* CSS Reset */
+@import "../../../scss/reset";
+@import "vditor/src/assets/scss/classic";
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0; font-size:100%; vertical-align:baseline; margin:0; padding:0}
 :focus{outline:0}
 body{font:13px/18px Tahoma,Arial,Helvetica,sans-serif; color:#555; line-height:1}

skins/Dot-B/footer.ftl

@@ -40,27 +40,14 @@ var latkeConfig = {
 };
 
     var Label =({
+        "markedAvailable": ${markedAvailable?c},
+        "hljsStyle": "atom-one-light",
+        "langLabel": "${langLabel}",
 	    "clearAllCacheLabel": "${clearAllCacheLabel}",
         "clearCacheLabel": "${clearCacheLabel}",
         "adminLabel": "${adminLabel}",
         "logoutLabel": "${logoutLabel}",
-        "skinDirName": "${skinDirName}",
-        "loginLabel": "${loginLabel}",
-        "em00Label": "${em00Label}",
-        "em01Label": "${em01Label}",
-        "em02Label": "${em02Label}",
-        "em03Label": "${em03Label}",
-        "em04Label": "${em04Label}",
-        "em05Label": "${em05Label}",
-        "em06Label": "${em06Label}",
-        "em07Label": "${em07Label}",
-        "em08Label": "${em08Label}",
-        "em09Label": "${em09Label}",
-        "em10Label": "${em10Label}",
-        "em11Label": "${em11Label}",
-        "em12Label": "${em12Label}",
-        "em13Label": "${em13Label}",
-        "em14Label": "${em14Label}"
+        "skinDirName": "${skinDirName}"
     });
     
     $(document).ready(function () {

skins/Dot-B/js/all.min.js

@@ -1,18 +1 @@
-/*
- * Solo - A small and beautiful blogging system written in Java.
- * Copyright (c) 2010-2019, b3log.org & hacpai.com
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <https://www.gnu.org/licenses/>.
- */
 jQuery("ul.sub-menu:not(.sub-menu .sub-menu)").parent().append('<div class="menu-mark" ></div>'),jQuery("ul.children:not(.children .children)").parent().append('<div class="menu-mark" ></div>'),jQuery("ul.sub-menu ul.sub-menu:not(.sub-menu .sub-menu .sub-menu)").parent().append('<div class="menu-mark2" ></div>'),jQuery("ul.children ul.children:not(.children .children .children)").parent().append('<div class="menu-mark2" ></div>');var mouseover_tid=[],mouseout_tid=[];jQuery(".header_menu ul > li").each(function(t){jQuery(this).hover(function(){var e=this;clearTimeout(mouseout_tid[t]),mouseover_tid[t]=setTimeout(function(){jQuery(e).find("ul:eq(0)").slideDown("fast")},200)},function(){var e=this;clearTimeout(mouseover_tid[t]),mouseout_tid[t]=setTimeout(function(){jQuery(e).find("ul:eq(0)").slideUp("fast")},200)})}),jQuery(document).ready(function(){$("#colorfultagcloud a").each(function(e){this.style.color=function(){for(var e,t=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"],u="#",n=0;n<6;n++)e=Math.round(15*Math.random()),u+=t[e];return u}()}),jQuery("#top_bar").animate({width:"100%"},{queue:!1,duration:5e3}),jQuery("#s").mouseover(function(){jQuery(this).focus().val([""])}),jQuery(".post_meta li,body a:not(.post_meta li a)").hover(function(){jQuery(this).is(":animated")||jQuery(this).animate({opacity:".7"},220).animate({opacity:"1"},180)}),jQuery(function(){jQuery("a[href=#]").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var e=jQuery(this.hash);if((e=e.length&&e||jQuery("[name="+this.hash.slice(1)+"]")).length){var t=e.offset().top-100;return jQuery("html,body").animate({scrollTop:t},1e3),!1}}})}),jQuery("#return_top").hide(),jQuery(function(){jQuery(window).scroll(function(){100<jQuery(this).scrollTop()?jQuery("#return_top").fadeIn():jQuery("#return_top").fadeOut()})}),jQuery("a.tab").click(function(){jQuery(".active").removeClass("active"),jQuery(this).addClass("active"),jQuery(".content").slideUp();var e=jQuery(this).attr("title");jQuery("#"+e).slideDown()}),jQuery("#tab-title span").click(function(){jQuery(this).addClass("selected").siblings().removeClass(),jQuery("#tab-content > .widget-container").slideUp("1500").eq(jQuery("#tab-title span").index(this)).slideDown("1500")})});

skins/Dot-B/macro-comments.ftl

@@ -39,7 +39,7 @@
                         <a href="#${comment.oId}"> # </a>
                     </span><!-- .comment-meta .commentmetadata -->
                 </div>
-                <div class="comment-content content-reset">
+                <div class="comment-content vditor-reset">
                     <p>
                      <#if comment.isReply>
                             @  <a href="${article.permalink}#${comment.commentOriginalCommentId}"

skins/Dot-B/page.ftl

@@ -36,7 +36,7 @@
             <div id="main">
                 <div id="content">
                     <div class="post">
-                        <div class="post_content content-reset">
+                        <div class="post_content vditor-reset">
                             ${page.pageContent}
                         </div>
                     </div>