Laravel 5.3ブレードは<font>タグをサポートしていますか？

Question

私は何もクロムでレンダリングされていないlaravelブレードファイルに

<font> test </font> 

を入力します。

編集：フォントタグを使用しないようにアドバイスしてください。質問全体をお読みください。このフォントタグはwysiwyg editor summernoteによって生成されるので、それを使用するかどうかは私の選択ではありません。

このタグはページソースに表示されていますが、ページには表示されません。同じソースでローカルHTMLファイルを作成すると、Chromeのフォントタグ内にテキストが表示されます。 また、開発ツールの要素に行きコンテナdivをクリックしてhtmlとして編集すると、どこにでも何かを追加すると、すべてのフォントタグが突然表示されます。 Firefoxの動作はまったく同じです。インスペクタでページを編集しないと、何度リフレッシュしてもフォントタグは表示されません。ここ

は私のブレードファイルです：

@extends('layouts.app') 


@section('content') 
    <font> test </font> 
    <p> <a href="/articles"><-Back</a></p> 
    <p> Selected article: {{$article->title}} </p> 
    <p> Description: {{$article->description}} </p> 
    <p><img src="/{{$article->image}}" width="600px" alt="ASD"></p> 
    <font> ojo </font> 
    {!! $article->body !!} 
    <p>ge?</p> 
@stop 

Answer 1

私はこの動作を引き起こしていたものを見つけ、私はそれが魔法のように見える場合は、その先に実現している必要があります - そのjavascriptの。

基本的なLaravel 5.3のブレードページでは、ソースにフォントタグがあり、フロントエンドのページソースで見ることができますが、ページには表示されません。なぜなら、Laravel 5.3にはデフォルトでVue javascriptフレームワークが含まれています。これは、ドキュメントロード時にVueの魔法を実行するVueを含むapp.jsを含むため、何らかの理由でフォントタグが非表示になっている可能性があります。

LaravelアプリからVueを削除しました（これを含むjsコードを削除しています）、フォントタグが戻ってきました。

Answer 2

<font></font>はHTML5で廃止、その後、唯一のスタイリングに関連するすべての要素と同時にHTML 4.01で廃止されました。 これはlaravelとは関係ありません。

<font>要素の以前の動作を実現し、より良いCSS Fonts CSSプロパティ私はあなたの質問が間違ってました

See more information on <font> here.

EDIT

を使用して制御することができ、http://summernote.org/が生成されます<font>タグ。 summernoteが入力を得るたびにそれを置き換えることができます。このように：

（がいくつかの調整が必要になる場合があります）

//some dynamic elements have to be triggered from the body 
 
$body = $(document.body); 
 

 
//container where font excists 
 
$container = $('.container') 
 

 
//less code to type 
 
function observe(element, event, handler) { 
 
    $body.on(event, element, handler) 
 
} 
 

 
//delay 0 to speed up 
 
function delay_func() { 
 
    window.setTimeout(font_to_span(), 0); 
 
} 
 

 
//replace font tags with span and extract the font family 
 
function font_to_span() { 
 
    $font = $container.find('font'); 
 
    font_family = $font.attr('face'); 
 
    $font.replaceWith(function() { 
 
    return $("<span />", { 
 
     html: $(this).html(), 
 
     style: 'font-family:' + font_family + ';' 
 
    }); 
 
    }); 
 
} 
 

 
//add events to trigger font finder_to_span on 
 
observe($container, 'change', font_to_span); 
 
observe($container, 'cut', delay_func); 
 
observe($container, 'paste', delay_func); 
 
observe($container, 'drop', delay_func); 
 
observe($container, 'keydown', delay_func); 
 
font_to_span();

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
<div class="container">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce feugiat, sapien sed tempor dignissim, mi metus tempor enim, <font face="Comic Sans MS">a vestibulum nulla tortor</font> posuere tellus. Etiam eu dolor ut dui viverra dictum non non justo. Duis 
 
    blandit in enim vitae mollis. Integer euismod lectus ut turpis fermentum, eget rutrum urna ornare.</div>