使用ckeditor向ionic移动应用程序添加外部链接

Adding external Link using ckeditor to ionic mobile applicaion

本文关键字：添加 外部 链接 应用程序 移动 ckeditor ionic 使用      更新时间：2023-09-26

我有一个php管理员创建使用ionic框架的移动应用程序的内容，一切工作完美。但我有个小问题。当管理员创建内容并放置外部链接时，该链接不起作用，即使它看起来像移动应用程序中的链接。

这是我从php请求页面

时得到的结果
{
  "id": "1",
  "created_date": "2015-05-19 09:09:39",
  "title": "Grade 12 Graduation Ceremony",
  "description": "<p><a href='"http:'/'/ais.arrowad.sch.sa'/index.php?option=com_tz_portfolio&amp;view=article&amp;id=249:ais-igcse,-as,-a2-and-american-diploma-overview%E2%80%8F&amp;catid=41&amp;Itemid=538&amp;lang=en'">AIS IGCSE, AS, A2 and American Diploma Overview&rlm;<'/a></P
",
  "image": "1432012362.jpg",
  "thumbail": "",
  "lang": "all",
  "date": "2015-05-19",
  "timestamp": "1432044579"
}

我像这样打印html:在控制器

 angular.module('App')
        .filter('to_trusted', ['$sce', function($sce){
            return function(text) {
                return $sce.trustAsHtml(text);
            };
        }]);

和HTML 

<div ng-bind-html="data.content| to_trusted"></div>

所以链接是不可点击的，即使我试图使链接作为一个javascript的"OnClick"，但它的相同的问题

有什么帮助吗?由于

看看你的链接是如何呈现的:

  "description": "<p><a href='"http:'/'/ais.arrowad.sch.sa'/index.php?option=com_tz_portfolio&amp;view=article&amp;id=249:ais-igcse,-as,-a2-and-american-diploma-overview%E2%80%8F&amp;catid=41&amp;Itemid=538&amp;lang=en'">AIS IGCSE, AS, A2 and American Diploma Overview&rlm;<'/a></P

结束标签被打破:

<'/a></P

一个正常的html链接应该像这样，例如:

 <a href="www.example.com">This is my link</a>

相关文章：