Apq
/
vditor
mirror de https://github.com/Vanessa219/vditor.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352
							<html>
<head>
    <style>
        .fn__clear > div {
            float: left;
            width: 250px;
            text-align: center;
            margin-bottom: 20px;
        }

        svg {
            display: block;
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .fn__clear:before, .fn__clear:after {
            display: table;
            content: "";
        }

        .fn__clear:after {
            clear: both;
        }
    </style>
</head>
<body>
<h2>Vditor</h2>
<div class="fn__clear">
    <div>
        <svg>
            <use xlink:href="#vditor-icon-comment"></use>
        </svg>
        vditor-icon-comment
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-mp-wechat"></use>
        </svg>
        vditor-icon-mp-wechat
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-code-theme"></use>
        </svg>
        vditor-icon-code-theme
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-quote"></use>
        </svg>
        vditor-icon-quote
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-after"></use>
        </svg>
        vditor-icon-after
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-before"></use>
        </svg>
        vditor-icon-before
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-headings"></use>
        </svg>
        vditor-icon-headings
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-line"></use>
        </svg>
        vditor-icon-line
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-code"></use>
        </svg>
        vditor-icon-code
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-inline-code"></use>
        </svg>
        vditor-icon-inline-code
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-both"></use>
        </svg>
        vditor-icon-both
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-theme"></use>
        </svg>
        vditor-icon-theme
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-resize"></use>
        </svg>
        vditor-icon-resize
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-export"></use>
        </svg>
        vditor-icon-export
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-copy"></use>
        </svg>
        vditor-icon-copy
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-pause"></use>
        </svg>
        vditor-icon-pause
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-preview"></use>
        </svg>
        vditor-icon-preview
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-edit"></use>
        </svg>
        vditor-icon-edit
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-info"></use>
        </svg>
        vditor-icon-info
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-help"></use>
        </svg>
        vditor-icon-help
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-strike"></use>
        </svg>
        vditor-icon-strike
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-contract"></use>
        </svg>
        vditor-icon-contract
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-record"></use>
        </svg>
        vditor-icon-record
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-bold"></use>
        </svg>
        vditor-icon-bold
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-bug"></use>
        </svg>
        vditor-icon-bug
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-play"></use>
        </svg>
        vditor-icon-play
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-check"></use>
        </svg>
        vditor-icon-check
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-upload"></use>
        </svg>
        vditor-icon-upload
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-trashcan"></use>
        </svg>
        vditor-icon-trashcan
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-more"></use>
        </svg>
        vditor-icon-more
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-fullscreen"></use>
        </svg>
        vditor-icon-fullscreen
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-emoji"></use>
        </svg>
        vditor-icon-emoji
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-align-center"></use>
        </svg>
        vditor-icon-align-center
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-align-left"></use>
        </svg>
        vditor-icon-align-left
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-align-right"></use>
        </svg>
        vditor-icon-align-right
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-delete-column"></use>
        </svg>
        vditor-icon-delete-column
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-delete-row"></use>
        </svg>
        vditor-icon-delete-row
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-down"></use>
        </svg>
        vditor-icon-down
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-insert-row"></use>
        </svg>
        vditor-icon-insert-row
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-insert-column"></use>
        </svg>
        vditor-icon-insert-column
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-insert-rowb"></use>
        </svg>
        vditor-icon-insert-rowb
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-insert-columnb"></use>
        </svg>
        vditor-icon-insert-columnb
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-italic"></use>
        </svg>
        vditor-icon-italic
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-link"></use>
        </svg>
        vditor-icon-link
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-outdent"></use>
        </svg>
        vditor-icon-outdent
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-indent"></use>
        </svg>
        vditor-icon-indent
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-ordered-list"></use>
        </svg>
        vditor-icon-ordered-list
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-redo"></use>
        </svg>
        vditor-icon-redo
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-table"></use>
        </svg>
        vditor-icon-table
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-undo"></use>
        </svg>
        vditor-icon-undo
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-list"></use>
        </svg>
        vditor-icon-list
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-up"></use>
        </svg>
        vditor-icon-up
    </div>
    <div>
        <svg>
            <use xlink:href="#vditor-icon-zhihu"></use>
        </svg>
        vditor-icon-zhihu
    </div>
</div>
<script src="../src/js/icons/ant.js"></script>
</body>
</html>