Laravel 5.3刀片支持<font>標籤嗎？

Question

當我laravel刀片文件全無類型

<font> test </font> 

鉻呈現。

編輯：請不要只是建議不要使用字體標籤，閱讀整個問題。這個字體標籤是由wysiwyg編輯器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的app.js，它在文檔加載時運行一些Vue魔術，所以字體標籤由於某種原因被隱藏 - 可能與被棄用有關。

我現在從我的Laravel應用程序中刪除了Vue（通過刪除包含它的js代碼）並且字體標記又回來了。

Answer 2

的<font></font>在HTML 4.01的同時，不贊成使用僅涉及所有的造型元素，然後在HTML5廢棄。 這與laravel無關。

的<font>元素的前一種行爲，就可以實現，甚至更好的使用CSS Fonts CSS屬性

See more information on <font> here.

編輯

我得到了你的問題錯了控制，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>