代码之家  ›  专栏  ›  技术社区  ›  forgottofly

使用换行符打断HTML工具提示消息

  •  0
  • forgottofly  · 技术社区  · 7 年前

    我试图破坏我在按钮中使用的自定义HTML工具提示 动态按钮 . 我尝试在typescript中使用不同的方法(例如,/n,&#013),因为它是一个自定义工具提示,用于添加换行符,但似乎没有任何效果。

    下面是我正在使用的工具提示数据以及与之关联的小提琴:

     tooltipData="Helo,Angular 2" + "&#013" + "This button is used to test hover message" + "/n" + "This message should come at the last"
    

    Fiddle

    3 回复  |  直到 7 年前
        1
  •  2
  •   Pardeep Jain    7 年前

    <div title="Helo,Angular 2&#013;&#010;This button is used to test hover message&#009;This message should come at the last">Hover Me</div>

    这里我用过-

    &#010; - for New line
    

    我希望这对你有用。

        2
  •  1
  •   Jack Bashford    7 年前

    您使用了错误的斜杠-新行应该是\n而不是/n:

    tooltipData="Helo,Angular 2" + "&#013" + "This button is used to test hover message" + "\n" + "This message should come at the last"
    
        3
  •  1
  •   ChrisNaylor94    7 年前

    更新您的 fiddle 使用 \n 而不是 /n

        4
  •  1
  •   abhinavsinghvirsen    6 年前

    嗨,这段代码可以在所有浏览器中使用!!我曾经

    function genarateMultiLIneCode(){
    var =values["a","b","c"];
    const liStart = '<li>';
          const liEnd = '</li>';
          const bullet = '&#8226; ';     
          var mergedString = ' ';
          const unOrderListStart='<ul>'
          const unOrderListEnd='</ul>'
          const fakeNewline = '&#013;&#010;';
          for (let i = 0; i < values.length; i++) {
               mergedString += liStart + bullet + values[i] + liEnd + fakeNewline;
          }
          const tempElement = document.createElement("div");
          tempElement.innerHTML = unOrderListStart + mergedString + unOrderListEnd;    
          return tempElement.innerText;
        }
    }
    
        5
  •  0
  •   user10921653 user10921653    6 年前
        var =values["RAHUL","BIKASH","RAMAN"];
    const liStart = '<li>';
          const liEnd = '</li>';
          const bullet = '&#8226; ';     
          var mergedString = ' ';
          const unOrderListStart='<ul>'
          const unOrderListEnd='</ul>'
          const fakeNewline = '&#013;&#010;';
          for (let i = 0; i < values.length; i++) {
               mergedString += liStart + bullet + values[i] + liEnd + fakeNewline;
          }
          const tempElement = document.createElement("div");
          tempElement.innerHTML = unOrderListStart + mergedString + unOrderListEnd;
    

    然后使用