html - 使用导致问题的插件将 html 复制到 wordpress-6ren

html - 使用导致问题的插件将 html 复制到 wordpress

转载作者：太空宇宙更新时间：2023-11-03 18:48:48

我使用了一个名为 embedit 的插件在我的 wordpress 中使用自定义 html、javascript 和 CSS。原始代码如下:

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/ui-darkness/jquery-ui.css" />
    <style>
    .calculator>td{
    border-bottom: 0px;
    border-top: 0px;
    }
    input.dark[type=text] {
        transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        border-radius:8px;
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        border:1px solid rgba(31, 161, 5, 1);
        text-align: center;
    background: #000000;
    behavior: url(/pie/PIE.htc);
        color: #10c90d;
        height: 20px;
        width: 35px;
    }
    #container { 
        width:300px;
        height:320px;
        z-index:4;
            -webkit-transform: rotate(10deg) skew(0,0) translate(0%,-5px);
        -moz-transform: rotate(10deg) skew(0,0) translate(0%,-5px);
        -o-transform: rotate(10deg) skew(0,0) translate(0%,-5px);
        transform: rotate(10deg) skew(0,0) translate(0%,-5px);

      font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
    }
    input[type=text].dark:focus {
        box-shadow: 0 0 9px rgba(31, 161, 5, 1);
        -webkit-box-shadow: 0 0 9px rgba(31, 161, 5, 1); 
        -moz-box-shadow: 0 0 9px rgba(31, 161, 5, 1);
    }
    .report{
        margin-top:-100px;
        margin-left:70%;
    }
    .main{
    background: rgb(0,155,5); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWIwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDY4MTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(#9BD91A, #54750E); /* FF3.6+ */
    background: -webkit-gradient(#9BD91A, #54750E); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#9BD91A, #54750E); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(#9BD91A, #54750E); /* Opera 11.10+ */
    background: -ms-linear-gradient(#9BD91A, #54750E); /* IE10+ */
    background: linear-gradient(#9BD91A, #54750E); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BD91A', endColorstr='#54750E',GradientType=0 ); /* IE6-8 */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color:#ffffff;
    border-color: #000000;
    border-width: 100px;
    -webkit-box-shadow: inset 2px 2px 21px 21px rgba(0, 0, 0, .4);
     box-shadow: inset 2px 2px 21px 21px rgba(0, 0, 0, .4); 
    -moz-box-shadow: inset 2px 2px 21px 21px rgba(0, 0, 0, .4); 
    width: 100%;
    }
    .pointer{
    cursor: pointer;
    }
    .half{
    width: 50%;
    }
    .full{
    width: 100%;
    }

     .tape{
        position: relative;
        top:-40px;
        left:50px;
        width: 130px;
        height: 35px;
        background-color:#fff;
        opacity:0.6;
        border-left: 1px dashed rgba(0, 0, 0, 0.1);
        border-right: 1px dashed rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 0px 1px 0px #cccccc;
        -moz-box-shadow: 0px 0px 1px 0px #cccccc;
        box-shadow: 0px 0px 1px 0px #cccccc;
        -webkit-transform: rotate(-2deg) skew(0,0) translate(0%,-5px);
        -moz-transform: rotate(-2deg) skew(0,0) translate(0%,-5px);
        -o-transform: rotate(-2deg) skew(0,0) translate(0%,-5px);
        transform: rotate(-2deg) skew(0,0) translate(0%,-5px);
    }
    .paper {
        padding:25px 25px 40px;
        margin:0 auto 20px auto;
        align:center;   
        line-height:1.5;
        border:0;
        border-radius:3px;
        background: #F9EFAF;
        background: -webkit-linear-gradient(#F9EFAF, #F7E98D);
        background: -moz-linear-gradient(#F9EFAF, #F7E98D);
        background: -o-linear-gradient(#F9EFAF, #F7E98D);
        background: -ms-linear-gradient(#F9EFAF, #F7E98D);
        background: linear-gradient(#F9EFAF, #F7E98D);
        box-shadow:0 4px 6px rgba(0,0,0,0.1);
        transition:box-shadow 0.5s ease;
        font-smoothing:subpixel-antialiased;
        width:220px;
        height:260px;
    }
    .calculator{
      font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
      height: 700px;
    }
    </style>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
    </head>
    <body>
    <div class="calculator">
    <div  class="main">
    <h1>Solar Payback Calculator</h1>
    <table>
    <form><tr><td colspan="9"><h2>Roof Size</h2></td></tr><tr><td>
    Width: </td><td class="pointer" onclick="subtractwidth();">-   </td><td colspan="2" width="500"><div id="slider1"></div></td><td class="pointer" onclick="addwidth();">   +    </td><td>
    Length: </td><td class="pointer" onclick="subtractlength();">-   </td><td colspan="2" width="500"><div id="slider2"></div></td><td class="pointer" onclick="addlength();">  
+</td></tr><tr><td></td><td></td><td>
    <input type="text" id="roof_width" onKeyUp="calculate();" class="slider_input1 dark" value="0"/>m</td><td></td><td></td><td></td><td></td><td>
    <input type="text" id="roof_length" onKeyUp="calculate();" class="slider_input2 dark" value="0"/>m</td></tr>
    <tr><td>
    Electricity Bill: </td><td class="pointer" onclick="subtractbill();">-   </td><td colspan="7" width="500"><div id="slider3"></div></td><td onclick="addbill();" class="pointer">  
+</td></tr><tr><td></td><td></td><td>
    £<input type="text" id="electricity_bill" onKeyUp="calculate();" class="slider_input3 dark" value="0"/></td></tr>
    </form>
    </table>
    <table class="full"><tr><td>
    <table class="half">
    <tr><td>Area of the roof: </td><td></td><td><span id="roof_area"></span><span id="unit_area"></span></td></tr>
    <tr><td>Number of Solar Panels: </td><td></td><td><span id="no_solar_panel"></span></td></tr>
    <tr><td>System Cost: </td><td></td><td><span id="system_cost"></span></td></tr>
    <tr><td>Annual System Output: </td><td></td><td><span id="system_output"></span></td></tr>
    <tr><td>FIT Estimate: </td><td></td><td><span id="fit_estimate"></span></td></tr>
    </table></td>
    <td><table class="half">
    <tr><td>Export FiT: </td><td></td><td><span id="export_fit"></span></td></tr>
    <tr><td>Savings from using Solar Energy: </td><td></td><td><span id="savings"></span></td></tr>
    <tr><td>Total Annual Yields: </td><td></td><td><span id="total_annual_yield"></span></td></tr>
    <tr><td>Payback time in years: </td><td></td><td><span id="payback_time"></span></td></tr>
    <tr><td>Profit over 20 years: </td><td></td><td><span id="profit"></span></td></tr>
    </table></td></tr>
    </table>

    <script>
    $("#slider1").slider({
        range: "min",
        value: 0,
        step: 0.01,
        min: 0,
        animate: true,
        max: 10,
        slide: function( event, ui ) {
            $( ".slider_input1" ).val( ui.value );
             calculate();
            //$( ".slider_input" ).val(  ui.value );
        }


       });


    $(".slider_input1").change(function () {
        var value = this.value
        $("#slider1").slider("value", parseInt(value));
                 calculate();
    });
    $("#slider2").slider({
        range: "min",
        value: 0,
        step: 0.01,
        min: 0,
        animate: true,
        max: 10,
        slide: function( event, ui ) {
            $( ".slider_input2" ).val( ui.value );
             calculate();
            //$( ".slider_input" ).val(  ui.value );
        }


       });


    $(".slider_input2").change(function () {
        var value = this.value
        $("#slider2").slider("value", parseInt(value));
                 calculate();
    });
    $(".slider_input2").change(function () {
        var value = this.value
        $("#slider2").slider("value", parseInt(value));
                 calculate();
    });
    $("#slider3").slider({
        range: "min",
        value: 0,
        step: 1,
        min: 0,
        animate: true,
        max: 3000,
        slide: function( event, ui ) {
            $( ".slider_input3" ).val( ui.value );
             calculate();
            //$( ".slider_input" ).val(  ui.value );
        }


       });


    $(".slider_input3").change(function () {
        var value = this.value
        $("#slider3").slider("value", parseInt(value));
                 calculate();
    });

    var calculate = function(){

    var roof_length = document.getElementById('roof_length').value;
    var roof_width = document.getElementById('roof_width').value;
    var electricity_bill= document.getElementById('electricity_bill').value;
    roof_length = parseInt(roof_length);
    roof_width = parseInt(roof_width);
    electricity_bill = parseInt(electricity_bill);
    if (roof_length<0 || roof_width<0 || electricity_bill<0){
    roof_length = Math.abs(roof_length);
    roof_width = Math.abs(roof_width);
    electricity_bill = Math.abs(electricity_bill);
    document.getElementById('roof_length').value=roof_length;
    document.getElementById('roof_width').value=roof_width;
    document.getElementById('electricity_bill').value=electricity_bill;
    }
    var roof_area = roof_length*roof_width;
    roof_area = roof_area.toFixed(2);
    if(isNaN(roof_area)){
    document.getElementById('roof_area').innerHTML="Invalid Input";
    document.getElementById('unit_area').innerHTML="";
    }else{
    document.getElementById('roof_area').innerHTML=roof_area;
    document.getElementById('unit_area').innerHTML=" m<sup>2</sup>";
    }
    var no_solar_panel = roof_area/1.676675;
    no_solar_panel = Math.floor(no_solar_panel);
    if(isNaN(no_solar_panel)){
    document.getElementById('no_solar_panel').innerHTML="Invalid Input";
    }else if(no_solar_panel<16){
    document.getElementById('no_solar_panel').innerHTML=no_solar_panel;
    }else{
    var no_solar_panel = 16;
    document.getElementById('no_solar_panel').innerHTML=no_solar_panel;
    }

    var system_cost = no_solar_panel*500;
    if(isNaN(system_cost)){
    document.getElementById('system_cost').innerHTML="Invalid Input";
    }else{
    document.getElementById('system_cost').innerHTML="£" + system_cost;
    }

    var system_output = no_solar_panel*256;
    if(isNaN(system_output)){
    document.getElementById('system_output').innerHTML="Invalid Input";
    }else{
    document.getElementById('system_output').innerHTML=system_output + " kWh";
    }

    var fit_estimate = (system_output*0.1544);
    fit_estimate = fit_estimate.toFixed(2);
    if(isNaN(fit_estimate)){
    document.getElementById('fit_estimate').innerHTML="Invalid Input";
    }else{
    document.getElementById('fit_estimate').innerHTML="£" + fit_estimate;
    }
    var annual_electricity_used = electricity_bill/0.18;
    if(system_output>annual_electricity_used){
    var left_over = system_output-annual_electricity_used;
    left_over = left_over.toFixed(2);
    }else{
    var left_over = 0;
    }




    var export_fit = left_over*0.045;
    export_fit = export_fit.toFixed(2);
    if(isNaN(export_fit)){
    document.getElementById('export_fit').innerHTML="Invalid Input";
    }else{
    document.getElementById('export_fit').innerHTML="£" + export_fit;
    }
    if(left_over>0){
    var savings = annual_electricity_used*0.18;
    savings = savings.toFixed(2);
    }else if(left_over<=0){
    var savings = system_output*0.18;
    savings = savings.toFixed(2);
    }

    if(isNaN(savings)){
    document.getElementById('savings').innerHTML="Invalid Input";
    }else{
    document.getElementById('savings').innerHTML="£" + savings;
    }
    savings = parseInt(savings);
    fit_estimate = parseInt(fit_estimate);
    export_fit = parseInt(export_fit);
    var total_annual_yield = (savings+fit_estimate)+export_fit;
    if(isNaN(total_annual_yield)){
    document.getElementById('total_annual_yield').innerHTML="Invalid Input";
    }else{
    document.getElementById('total_annual_yield').innerHTML="£" + total_annual_yield;
    }
    var payback_time = system_cost/total_annual_yield;
    payback_time = Math.ceil(payback_time);
    if(isNaN(payback_time)){
    document.getElementById('payback_time').innerHTML="Invalid Input";
    }else{
    document.getElementById('payback_time').innerHTML=payback_time + " Years";
    }

    var profit = (total_annual_yield*20)-system_cost;

    if(isNaN(profit)){
    document.getElementById('profit').innerHTML="Invalid Input";
    }else{
    document.getElementById('profit').innerHTML="£" + profit;
    }
    if(isNaN(roof_width) || isNaN(roof_length) || isNaN(electricity_bill)){
    document.getElementById('report').innerHTML='<h1>Invalid Input</h1>';
    }else{

    document.getElementById('report').innerHTML='<div id="container"><div class="paper"><div class="tape"></div><h1>Report:</h1><span class="report-content">With your roof size of <span id="report_roof_area">_____</span> m<sup>2</sup>, you can fit <span id="report_no_solar_panel">_____</span> solar panels for £<span id="report_system_cost">_____</span>.<br />Saving you £<span id="report_savings">____</span> each year on your bill!<br />Making £<span id="report_total_annual_yield">_____</span> each year and £<span id="report_profit">____</span> profit over 20 years.</span></div><!--end paper--></div><!--end container-->';
    document.getElementById('report_roof_area').innerHTML=roof_area;
    document.getElementById('report_no_solar_panel').innerHTML=no_solar_panel;
    document.getElementById('report_system_cost').innerHTML=system_cost;
    document.getElementById('report_savings').innerHTML=savings;
    document.getElementById('report_total_annual_yield').innerHTML=total_annual_yield;
    document.getElementById('report_profit').innerHTML=profit;
    }
    }



    var subtractwidth = function(){

    var roof_width = document.getElementById('roof_width').value;
    roof_width = parseInt(roof_width);
    var roof_width = roof_width-1;
    document.getElementById('roof_width').value=roof_width;
    }
    var addwidth = function(){
    var roof_width = document.getElementById('roof_width').value;
    roof_width = parseInt(roof_width);
    var roof_width = roof_width+1;
    document.getElementById('roof_width').value=roof_width;
    calculate();
    }
    var subtractlength = function(){
    var roof_length = document.getElementById('roof_length').value;
    roof_length = parseInt(roof_length);
    var roof_length = roof_length-1;
    document.getElementById('roof_length').value=roof_length;
    calculate();
    }
    var addlength = function(){
    var roof_length = document.getElementById('roof_length').value;
    roof_length = parseInt(roof_length);
    var roof_length = roof_length+1;
    document.getElementById('roof_length').value=roof_length;
    calculate();
    }
    var subtractbill = function(){
    var electricity_bill= document.getElementById('electricity_bill').value;
    electricity_bill = parseInt(electricity_bill);
    var electricity_bill = electricity_bill-10;
    document.getElementById('electricity_bill').value=electricity_bill;
    calculate();
    }
    var addbill = function(){
    var electricity_bill= document.getElementById('electricity_bill').value;
    electricity_bill = parseInt(electricity_bill);
    var electricity_bill = electricity_bill+10;
    document.getElementById('electricity_bill').value=electricity_bill;
    calculate();
    }
    document.getElementById('roof_length').value=0;
    document.getElementById('roof_width').value=0;
    document.getElementById('electricity_bill').value=0;
    </script>


















    </div>
    <div class="report" id="report">
    <div id="container"><div class="paper"><div class="tape"></div><h1>Please Input Values</h1></div><!--end paper--></div><!--end container-->
    </div>
    </div>
    </body>

</html>

没有 wordpress 它看起来像:http://www.asifslab.com/solarpanel.html但是当我将它添加到 wordpress 时，它看起来像:bit.ly/Yvn2vv不幸的是，jquery-ui slider 不起作用，而且样式一塌糊涂。此外，html 不适合内容区域(报告覆盖页脚)。如何解决这个问题。谁能帮忙？

最佳答案

您的 wordpress 网站的 CSS 正在应用于您使用插件添加的自定义 HTML 代码，这就是样式全部困惑的原因，也可能是 slider 不起作用的原因(我没有验证这一点)。

关于html - 使用导致问题的插件将 html 复制到 wordpress，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15563295/

文章推荐： emacs - 使任意函数安全运行？

文章推荐： list - 交换 Lisp 列表中的元素

文章推荐： python - Django 查询不匹配

文章推荐： lisp - 在使用 eval 和 quote 函数时需要帮助

wordpress - 从 wordpress 导入到 wordpress
我正在尝试将我所有的东西从 videomarathon.com/dk 导入到 videomarathon.com/se(帖子等) 我正在使用 wordpress 导入器。上传导出的文件时，它向我显示
wordpress - Azure WordPress 和可扩展 WordPress
Azure WordPress 和 Azure 可扩展 WordPress 之间有什么区别？除了可扩展的 WordPress 允许您选择 azure 存储之外，我看不出有什么区别最佳答案基本区别:
wordpress - 需要将 wordpress 帖子分类到子文件夹中，而无需在子文件夹中单独安装 wordpress
我目前正在一个与体育相关的 wordpress 网站上工作。我所有的帖子都在同一个地方，分为足球、网球等。我想改变我博客的结构，比如足球，应该是domain.com/football对于网球，应该是
wordpress - 如何在 WordPress 之外重用 WordPress 文本编辑器
Wordpress 3 有一个漂亮的 TinyMCE 实现，我相信它比它所基于的原始 TinyMCE 运行得流畅得多。很棒的事情:- HTML/源代码 View 作为选项卡而不是弹出窗口- 有吸引力
wordpress - 哪个 WordPress 开发人员文档更新得更好？ codex.wordpress.org 或developer.wordpress.org
我在 codex.wordpress.org 和developer.wordpress.org 上看到了 WordPress 开发人员文档。他们都有关于插件和主题的文档。由于我不了解 wordpres
wordpress - 如何获取自定义帖子类型存档页面的链接？ [WordPress]
我有自定义帖子循环，我想在底部添加“查看全部”链接，该链接应指向包含该类型所有帖子的页面。我能想到的唯一解决方案是为帖子类型创建一个模板页面并硬编码指向它的链接，但我希望有一个更优雅和动态的解决方案
wordpress - 路由的处理程序无效 - Wordpress
我正在尝试使用类在 WordPress 中创建自定义 REST API 端点。我也用传统方法做了同样的事情——效果很好。但是，使用类时出现错误 The handler for the route is
wordpress - 显示每个类别类型的第一篇文章(WordPress)
我是 WordPress 的新手，正在尝试在主页的一部分中使用一些自定义代码，该部分旨在显示三个类别(白皮书、文章和帖子)中每个类别的 #1 趋势帖子.代码只是显示(据我所知)最近的 3 个帖子，无论
wordpress - wordpress 搜索页面内容在哪里生成？
我正在尝试在 wordpress 中设置搜索页面的样式。在 search.php 中，我可以设置大部分页面的样式，但随后的以下语句(我从未经编辑的原始页面中获得)生成了内容。
wordpress - Wordpress 标题中的＆符号打破了我对社交媒体链接的分享
我希望得到一些帮助来解决一些让我发疯的编码问题。我更喜欢在我的 wordpress 帖子标题中写“&”而不是“and”。但是写出＆符号会破坏我们的 twitter、facebook 和 google-
wordpress - 重写类别 wordpress
是否可以只重写一个类别？我有一个类别“ 照片”，并且只针对这个类别。我只想从/category/photos重写它至 /photos 最佳答案您可以使用 WP Rewrite API 来实现。
wordpress - 如何在 bitnami wordpress 的子目录中安装 bitnami wordpress？
我有一个托管在 www.example.com 上的网站，它是一个 Bitnami 应用程序。我想在 www.example.com/blog 上可以访问的同一台服务器上安装另一个 bitnami
wordpress - WordPress Safari浏览器的URL包含换行符
我一直在做一些测试。注意：这仅在Safari浏览器中发生。我关闭了所有插件并激活了主题二十（而不是我的Catch Box子主题）。在此配置下，除了顶部菜单中的“主页”选项卡（在Safari中显示如下
wordpress - WordPress 永久链接系统如何工作？
我是一名 php 开发人员，目前正在开发一个 CMS/博客系统。我想添加一个永久链接系统，比如 WordPress。我很好奇 WordPress 如何解析永久链接。例如，如何获取 id 这样的数据和
wordpress - Wordpress 的安全性如何？
有谁知道Wordpress有多安全？我不知道如何定义“有多安全”。但与其他CMS系统相比，它的安全性如何？更新: 详细说明我的项目。我会有很多用户注册。登录后，他们将可以访问我正在开发的插件。大
wordpress - WordPress-允许编辑者管理主题小部件
是否可以授予编辑者管理主题小部件的功能？默认情况下，只有管理员可以这样做。谢谢，乔恩最佳答案恐怕您将需要使用插件来实现此目的，因为更改窗口小部件是switch_themes capabilit
Wordpress 站点完全从一台服务器迁移到另一台 wordpress
我有一个在服务器上运行的多站点 wordpress，我想将我的站点转移到另一台服务器上。我通过 filezilla ftp 下载了完整的文件备份还导出了完整的数据库。现在我将此备份导入到新服务器 (
wordpress - WordPress 表单提交后如何显示成功或失败消息？
我使用通用 HTML 标签在 WordPress 插件中创建了一个表单。我刚刚用 echo 测试了文本框提交的值，它工作正常。提交表单后，我需要在同一页面中重定向或显示成功/失败消息。表单提交后如何显
wordpress - wordpress 上的调试日志不起作用
我想启用 wordpress 站点的调试日志，在 wp-config.php 中添加以下设置 /* WordPress debug mode for developers. */ define('WP
wordpress - Wordpress 中的单一后端语言或不同的前端语言
是否可以仅在前端(无需编辑 .mo/.po 文件)更改我的 wordpress 安装(WP 3.0 Multisite)的语言？在此处更改此选项: 也会在后端更改我的语言。有任何想法吗？感谢您的

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

html - 使用导致问题的插件将 html 复制到 wordpress