2

SharePoint 2010 では、カスタム ページ レイアウトを作成し、カスタム スタイルを適用しました。ページ レイアウトは、単一のリッチ テキスト エディター HTML フィールドで構成されます。特定のマークアップ スタイルが適用されたときに、選択したテキストの横にカスタム テキストを追加する必要があります。

ページが保存されたらjQueryを使用してそれを行うことができますが、それはユーザーが編集を終了した後です。

要件は、真の WYSIWYG エクスペリエンスを得るために、編集モードのままテキストを表示することです。以下は、ページが保存された後にテキストを表示するために使用している jQuery コードです。

<script type="text/javascript">
    $(document).ready(function () {

        $('.topicpagelayout2-styleElement-H3').wrap('<div class="hd leftcontent" />');
        $('.topicpagelayout2-styleElement-H3').append('<span class="top"><a href="#top">Top</a></span>');
        $('.topicpagelayout2-styleElement-H3').addClass('header2');

        var count=0;

        $('.leftcontent').each(function(index) {
            count++;
            $(this).attr('id','div_'+count);
        });

        //$("span.ms-formfieldlabel").css("display", "none");

        setLeftContent();
    });
</script>
4

1 に答える 1

0

これには css content を使用できます。アイデアが得られる場合は、これを参照してください

http://www.quirksmode.org/css/content.html

于 2012-12-26T10:43:40.917 に答える