午夜91福利视频,午夜成人在线观看,午夜在线视频免费观看,午夜福利短视频,精品午夜成人免费视频APP

百度編輯器的錨點用法教程

image.png

百度編輯器的錨點用途分兩(liang)種:

內部關聯

    最普通的(de)錨(mao)(mao)點,最簡單最直接(jie)的(de)瀏覽器效果,在內容指定處放置(zhi)錨(mao)(mao)點,給文(wen)本加上(shang)錨(mao)(mao)點鏈(lian)接(jie),點擊鏈(lian)接(jie)會跳到錨(mao)(mao)點位(wei)置(zhi)。

    image.png


    操作方法

        設定錨點

        image.png

        給文本加上錨點超鏈接

        image.png

        設定完后要確認提交保存內容


目錄大綱

    在文檔(dang)手冊的右(you)側有(you)個(ge)浮動的目錄大綱(gang),點擊每一個(ge)文本(ben)鏈接(jie)會跳到錨點位(wei)置。(制作時繁瑣一點)

    image.png

    操作方法

        先設定一級錨點

        image.png

        設置二級錨點

        image.png

        依次設定了其他錨點

        image.png

        設定完后要確認提交保存內容

        

    模板改動(只改動內容詳情頁模板)

        1. 查看確認模板里有沒引入了jquery,大部分網站基本都有引入,沒有引入的自己先引入(不懂就百度)

        2. 在模板的最底部</body>前加上目錄結構浮動和展示的代碼:

        <div id="ey_outline_toc">
            <h4>目錄</h4>
        </div>
        <style type="text/css">
            #ey_outline_toc {
                display: none;
                position: fixed;
                right: 0;
                top: 100px;
                bottom: 0;
                width: 300px;  /* 或者你需要的任何寬度 */
                text-align: center;  /* 或者你需要的任何對齊方式 */
                padding: 20px;  /* 根據需要添加一些內邊距 */
            }
        </style>
        <script type="text/javascript">
            ey_outline_toc('article_content_41_v061972', 'ey_outline_toc');
        </script>

        3. 在模板里找到內容標簽 {$eyou.field.content} ,用 <div id="article_content_41_v061972"></div> 包住,比如:

        <div id="article_content_41_v061972">
            {$eyou.field.content}
        </div>

       &nbsp;4. 清(qing)除后臺緩(huan)存,強制刷新瀏覽器查看頁面的目錄大綱效果了

文檔最后更新時間:2023-10-23 11:12:53

文檔
目錄

深色
模式

切換
寬度