问题标签 [pre]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

364 问题
Newest
Active
Bountied
318
Unanswered
0 投票
9 回答
39424 浏览

html - HTML
标签导致换行符

我正在使用 CSS（通过 JQuery，但与此问题无关）突出显示 HTML 文件中的某些元素：我正在使用“pre”标签来分隔文件中的逻辑元素，但我注意到“pre”标签似乎在元素之间留下换行符。

我可以使用 CSS 摆脱这些吗？

（或者我应该使用什么来代替“pre”标签？文本元素本身可能包含 HTML 元素：不应该呈现，并且应该按字面意思显示为源代码：因此我最初选择使用“pre”标签）

这是我正在使用的 HTML 示例：（此示例需要http://docs.jquery.com/Downloading_jQuery ）

我正在使用 Firefox 3.6.12。这就是上面代码的结果： 替代文字

这是我想要的模拟输出（切换到黄色，只是因为我使用了我的 vim 编辑器，假装它是红色的！）

替代文字

解决方案：

是对所有 PRE 标签使用 'display:inline'。（以前我只是将 'display:inline' 应用到上面示例中的 'error' 标签，而忘记对 'ok' pre 标签做同样的事情。

0 投票
1 回答
1097 浏览

html - HTML - 前置标签内的表单标签

如何将表单标签放入预先格式化的标签中？

谢谢

0 投票
4 回答
17757 浏览

html - 是否可以让任何 CSS 元素表现得像






我正在 iframe 中加载一些内容。我希望此内容的行为就像它在<pre>标签内一样 - 即它尊重换行符。我正在使用 javascript 来设置这个 iframe 的 body 元素的样式。



我想知道是否可以设置一个特定的样式，使这个 iframe 的主体表现得就像它在里面一样<pre/>。



        

            

            

            





         

    

            

                
            
 
    


        



        

    



    

        

                

            0
            投票
        

        

            11
            回答
        

        

            46127
            浏览
        




    

    




html - 如何保留 HTML 中包含的文本的空格缩进
不包括当前缩进级别的标签
文档中的标签？






我正在尝试在网站上显示我的代码，但在正确保留空白缩进时遇到问题。



例如给出以下代码段：




这在浏览器中显示为：




当我希望它显示为：




不同之处在于 HTML pre 标记的当前缩进级别被添加到代码的缩进中。我正在使用 nanoc 作为静态网站生成器，并且我正在使用 google prettify 来添加语法突出显示。



任何人都可以提供任何建议吗？



        

            

            

            





         

    

            

                
            
 
    


        



        

    



    

        

                

            0
            投票
        

        

            4
            回答
        

        

            33519
            浏览
        




    

    




jquery - 如何使用jquery设置pre标签的文本





我正在使用 pre 标签来保存一些带有回车符的原始格式文本。当页面第一次显示时，它看起来很好。稍后，我只想刷新 pre 数据。我尝试了两种使用 jquery 的方法，一种使用 .html()，另一种使用 .text()。两者都可以工作，但是 .html 会丢弃回车符，而 .text 会丢弃回车符！我也尝试过 .val() 但这根本不起作用。这是代码（当然我一次只使用其中一条 jquery 行。）




一段时间后，




        

            

            

            





         

    

            

                
            
 
    


        



        

    



    

        

                

            0
            投票
        

        

            2
            回答
        

        

            1869
            浏览
        




    

    




c# - 使用正则表达式替换 Pre 标记内的 Html





如何在 pre 标签中替换 Html？我宁愿用正则表达式来做




        

            

            

            





         

    

            

                
            
 
    


        



        

    



    

        

                

            0
            投票
        

        

            4
            回答
        

        

            950
            浏览
        




    

    




jquery - 设置失去插入符号位置
按 T​​AB 键的元素






我在我的网页上有prewith ，当我按下 时我contentEditable="true"试图让它附加。我为此找到了一些其他插件，但它们仅适用于."\t"<TAB><textarea>



所以，问题是当我<pre>通过 jQuery 附加文本时，它会丢失插入符号的位置。我确信它正在失去焦点，但事实并非如此。所以$("pre").focus()，什么都不做。



我尝试先对其进行模糊处理，但这并不实际，因为插入符号会根据浏览器返回到不同的位置。请帮忙... :P,



我的代码在这里：http: //jsfiddle.net/parisk/kPRpj/



        

            

            

            





         

    

            

                
            
 
    


        



        

    



    

        

                

            0
            投票
        

        

            2
            回答
        

        

            2120
            浏览
        




    

    




html - 将 HTML 显示为代码





我建立了一个简单的站点，允许用户共享代码，其中代码作为 HTML 保存在数据库中。例如




我遇到的问题是在网站上显示它以供其他人查看，因为当我将数据库吐出的内容包装在其中时，<code><pre></pre></code>它仍然呈现 HTML 并且不将其视为要显示的代码。我已经读到您必须使用&gt;它来解决这个问题，但这不可行，因为用户将共享原始代码并且将无法开始将代码转换为这样的 html 实体！我该如何解决？谢谢。



这是将其插入数据库的表单代码：http: //pastebin.com/i3pn2AjT



这就是我目前的显示方式：
<div class="code">
                                    <pre>
                                        <?php echo get_post_meta($posts_post_id, 'post_code', true); ?>
                                    </pre>
                                </div>



        

            

            

            





         

    

            

                
            
 
    


        



        

    



    

        

                

            0
            投票
        

        

            8
            回答
        

        

            27562
            浏览
        




    

    




html - How can I display html tags inside an HTML document?





I simply want to create something like that:




I've been trying to do this for a long time though for some reason whenever I put the code and the pre tags they don't do what they should. 
They do unformat the content - I don't see any formatting, though the tags don't appear. For example, I wrote :




The abc is appearing not bold, but I can't see the tag itself. How can I do that?
I don't want to use entities like &fdaf; because I am not writing the incoming text



        

            

            

            





         

    

            

                
            
 
    


        



        

    



    

        

                

            0
            投票
        

        

            1
            回答
        

        

            649
            浏览
        




    

    




html - 换行符
Internet Explorer 7 中的元素






我的 ASP.NET MVC 3 项目中有以下代码：




验证摘要显示了我的模型中指定的错误消息。并且模型从资源文件中获取错误消息。

在其中一个错误消息中，我使用换行符（shift + enter）。

这些换行符在 Firefox 和 chrome 中正确显示，但在 Internet Explorer 7 中不正确。



我可以解决这个问题吗？



        

            

            

            





         

    

            

                
            
 
    


        



        

    


                        



       
 




12345678910